el-select 的value-key用法

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。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容