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>

　　

 

空格如下：

 

转载于:https://www.cnblogs.com/phpli/p/10781423.html