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