iview之select选择框选中内容后有空格的问题


导致原因:

option组件格式化造成的。此处</Option>在另一行,只要和输出内容一行,就不会有空格了。

<Select :label-in-value="true" @on-change="obtainValue" v-model="formValidate.name" clearable
                        :filterable="true">
                  <OptionGroup v-for="(item,key) in selectList" :label="item.groupName" :key="key">
                    <Option
                      v-for="(item2,key) in item.data"
                      :value="item2.terminalId"
                      :key="key"
                    >{{ item2.terminalName }}
                    </Option>
                  </OptionGroup>
                </Select>

 改为:

......
<Option
                      v-for="(item2,key) in item.data"
                      :value="item2.terminalId"
                      :key="key"
                    >{{ item2.terminalName }}</Option>

  

 

空格如下:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM