element el-select 显示的值与v-model的值不同怎么解决？

Question

下面是选择下拉框代码

<el-select  clearable
                    v-model="keyWord"
                    filterable
                    remote
                    :placeholder="placeholder"
                    value-key="name"
                    :remote-method="remoteMethod"
                    class="el-select-search"
                    @keyup.enter.native="keyupEnter('keyup-enter')"
                    @change="change"
                    @clear="clear">
        <el-option  v-for="item in list"
                    :key="item[valueKey]"
                    :label="signList.length > 0 ? combinationValue(item) : item[valueKey]"
                    :value="item[valueKey]"></el-option>
        </el-select>

signList如果有值的话执行字符串拼接

当我选择的时候v-model="keyWord"获取到的是单个字段的value-key name,但是输入框展示的却是字符串拼接的值，但是v-model="keyWord"的值不是拼接的

:label="signList.length > 0 ? combinationValue(item) : item[valueKey]"
 :value="item[valueKey]">
 效果

:label="item[valueKey]"
:value="item[valueKey]"

Answer 1

你label跟value2个字段赋值语法都不一样，得到的值能一样才怪啊

:label="signList.length > 0 ? combinationValue(item) : item[valueKey]"
:value="signList.length > 0 ? combinationValue(item) : item[valueKey]"

改成一样的试试

Answer 2

因为你只是label拼接的 就是展示的名字是拼接的 但是value没有拼接 value是对象类型时value-key才起作用 如果value是其他的比如你现在这个item[valueKey] 那v-model的值就是这个

Answer 3

https://element.eleme.cn/#/zh...

官网例子就可以解决你的问题：input显示value值，下拉框显示组合信息