el-select赋值对象是对象时,出现赋值与展示不一致问题

发布时间:2023年12月18日

代码逻辑类似:module?是个object

{

"appId": "",?
? ? ?"id": 65,?
? ? ?"name": ""

}

 <el-form :model="form">
           
            <el-form-item label="申请模块" >
                <el-select v-model="form.module">
                     <el-option
                          v-for="module in module_list"
                          :key="module .id"
                          :label="module .name"
                          :value="module">
                        </el-option>
                </el-select>

</el-form>

赋值后总是出现展示的和实际赋值的不一致。原来是因为缺少了?value-key?作为它的唯一性标识。

如果 Select 的绑定值为对象类型,请务必指定?value-key?作为它的唯一性标识。

加上value-key就好了

 <el-form :model="form">
           
            <el-form-item label="申请模块" value-key="id">
                <el-select v-model="form.module">
                     <el-option
                          v-for="module in module_list"
                          :key="module .id"
                          :label="module .name"
                          :value="module">
                        </el-option>
                </el-select>

</el-form>

文章来源:https://blog.csdn.net/yuxuan89814/article/details/134922177
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。