美文网首页VUE实践记录工作生活
el-select 的value-key用法

el-select 的value-key用法

作者: valor_wang | 来源:发表于2019-07-04 15:50 被阅读0次

element-ui 的组件el-select的 value-key 作为 value 唯一标识的键名,绑定值为对象类型时必填
用法如下:

<el-select placeholder="请输入抄送人" v-model="recipients" multiple filterable remote
                       :remote-method="remoteMethod" :loading="loading" value-key="id" :default-first-option="true">
              <el-option
                v-for="item in userList"
                :key="item.id"
                :label="item.userName"
                :value="item">
              </el-option>
            </el-select>

这里标注下注意点:

  1. 绑定值为对象类型, value-key必填
  2. 例子中id为对象item的属性
  3. 如果想在保存后,编辑页面时,在select上显示数据,
    需要在页面初始化时,把recipients赋值给userList。

相关文章