美文网首页
element-ui下拉框组件选择获取多个属性

element-ui下拉框组件选择获取多个属性

作者: TerdShow | 来源:发表于2019-03-01 14:23 被阅读0次

element-ui下拉框组件选择获取多个属性:

```

<el-form-item label="用户:" prop="user">

        <el-select v-model="form.user" placeholder="-请选择-" @change="selectUser">

          <el-option

            v-for="(item,index) in userList"

            :key="item.userId"

            :label="item.userName"

            :value="item.userId">

          </el-option>

        </el-select>

</el-form-item>

```

element-ui的select组件 v-model只能绑定一个值,即userId,如果我想获取一条数据中的其他属性,可以用下面的方法获取:

```

selectUser(id){

    let obj = {};

    obj = this.$store.state.user.userList.find((item)=>{//这里的userRoleList就是上面遍历的数据源

        return item.userId === id;//筛选出匹配数据

    });

    this.form.userName = obj.userName;

}

```

相关文章

网友评论

      本文标题:element-ui下拉框组件选择获取多个属性

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