iview select 选中后值有空格

2022-02-16  本文已影响0人  梦幻之云

表现:

image

正常应该是:

image

解决方法:

方式一: 写 Option 的时候,内容不要换行

image

方式二:

image

出现空格的原因:

只要是

<Options>
xxx
</Options>

这样内容换行写的,通过 option 取值的时候,因为 lint 完之后,本身渲染完之后 <li> 元素内部就是 /n xxx /n 这样的,然后 iview 的 select 组件取值的时候取得是 dom.textContent 这样的格式,就会带出来两个换行符

不可行的解决方法:

通过 vue-loader 解决不了

image
上一篇下一篇

猜你喜欢

热点阅读