自己在使用vue的时候遇到的一些问题

1.下拉列表同时获取key和label

百度搜到的参考，拿来记录

<el-select v-model="form.userid" @change="getIdAndName" placeholder="...">
                  <el-option
                    v-for="item in options"
                    :key="item.id" //这里的id和label是后端封装好的数据
                    :label="item.label"
                    :value="item.id"
                  ></el-option>
                </el-select>

methods: {
/** 取得下拉中的label并赋值给Name */
    getIdAndName(userid) {
      console.log(userid);
      let obj = {}
      obj = this.options.find((item) => { //这里的options就是上面遍历的数据源
        console.log(item.id)
        return item.id === userid;//找到匹配数据
      });
      this.form.name = obj.label; //这里是设置了隐藏域，赋值给隐藏域
      console.log("选中的id对应name" + this.form.name);
    }
  }