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>

　　

 

空格如下：