element-ui获取select值

  • Post author:
  • Post category:其他


                v-model="value"
                placeholder="请选择"
                @change="selectWorkName"
                :span="10"
              >
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>

select的数据在options里

        {
          value: "selectquestion",
          label: "选择题",
        },
        {
          value: "judgequestion",
          label: "判断题",
        },
        {
          value: "responsequestion",
          label: "简答题",
        },
        {
          value: "programmequestion",
          label: "编程题",
        },
      ],
      value: "",
    };
      let obj = {};
      obj = this.options.find((item) => {
        //这里的ClaOptions就是上面遍历的数据源
        return item.value === id; //筛选出匹配数据,这里的value是你遍历数组每一项的value,如果没有对后台返回的数据做处理,一般为id
      });
      console.log(obj.value);
      console.log(obj.label); //  这里的label就是对应label的
      this.addCagLabel = obj.label; //打印出来的obj.label就是想要的label值
    },

获得了select选择器的value和lable值



版权声明:本文为sslc_原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。