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>

  

 

空格如下:

 

posted @ 2019-04-28 01:35  盛兮  阅读(2078)  评论(0编辑  收藏  举报