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

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;

}

```

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

推荐阅读更多精彩内容