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

下面是选择下拉框代码

<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如果有值的话执行字符串拼接

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

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

clipboard.png

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

clipboard.png

阅读 14k
3 个回答

labelvalue2个字段赋值语法都不一样,得到的值能一样才怪啊

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

改成一样的试试

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

新手上路,请多包涵
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题