手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何解决vue select下拉框中的label传值有空格

时间:2024-10-13 20:59:42

1、首先把代码展示一下,包括FormItem,@on-change方法,list的值,页面

如何解决vue select下拉框中的label传值有空格
如何解决vue select下拉框中的label传值有空格
如何解决vue select下拉框中的label传值有空格
如何解决vue select下拉框中的label传值有空格

2、在我们选择的数据的时候,在傍边打印的是没有问题的

如何解决vue select下拉框中的label传值有空格

3、当我们需要提交传给后台,数据就出现了空格

如何解决vue select下拉框中的label传值有空格

4、这个原因是因为上面select中的option标签换行导致的,并且在WebStorm使用格式化也可能造成option标签换行,解决问题就是option在一行

如何解决vue select下拉框中的label传值有空格
如何解决vue select下拉框中的label传值有空格

5、现在咱们在看一下后台传的数据,正常

如何解决vue select下拉框中的label传值有空格
© 手抄报圈