美文网首页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。

    相关文章

      网友评论

        本文标题:el-select 的value-key用法

        本文链接:https://www.haomeiwen.com/subject/mjrrhctx.html