您好,匿名用户

iview 的Select控件使用了filterable属性 选择了任意一项后 显示的值前后有很多空格

0 投票
  1. 使用Select的filterable
  2. 选中下拉中的任意一项
  3. 显示的结果值的前后有很多的空格
<Select 
    v-model="value"
    filterable
>
    <Option 
        v-for="(item, index) in list" 
        :key="index"
        :value="item.value"
    >
        {{ item.name }}
    </Option>
</Select>
用户头像 提问 5月29日 @ Taurus 中士 (1,198 威望)
分享到:

1个回答

0 投票
 
最佳答案
自己解答一波

导致原因:

  1. {{}} 前后的空格和换行部分被iview读取了
  2. 使用的eslint强制标签后内容换行

解决办法:

  1. 没有eslint强制换行的可以全掉空格和换行
<Option>{{ item.name }}</Option>
  1. 有eslint的,Option赋值采用label
<Select 
    v-model="value"
    filterable
>
    <Option 
        v-for="(item, index) in list" 
        :key="index"
        :value="item.value"
        :label="item.name"
    >
    </Option>
</Select>
用户头像 回复 5月29日 @ Morgana 中士 (1,152 威望)
选中 5月16日 @Taurus
提一个问题:

相关问题

0 投票
1 回复 46 阅读
0 投票
1 回复 61 阅读
0 投票
1 回复 49 阅读
0 投票
1 回复 50 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

IT技术交流群 - 随意问
欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...