VUE实践记录工作生活

el-select 的value-key用法

2019-07-04  本文已影响0人  valor_wang

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。
上一篇下一篇

猜你喜欢

热点阅读