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>
空格如下:
工作如同河川,自闲暇的深海觅得圆满。