vue 实现el-select的change事件

<el-select v-model="newForm.xid" @change="getline"><el-optionv-for="item in linedata":key="item.xid":label="item.xdName":value="{value:item.xid,label:ite.

施玥喵

11730人浏览 · 2020-06-08 17:13:43

施玥喵 · 2020-06-08 17:13:43 发布

 <el-select v-model="newForm.xid" @change="getline">
                <el-option
                  v-for="item in linedata"
                  :key="item.xid"
                  :label="item.xdName"
                  :value="{value:item.xid,label:item.xdName}"
                ></el-option>
              </el-select>

 newForm: {    
        xid: "",
      },
      linedata: [],

 // 线段change事件
    getline(rows) {
      console.log(rows);
    },

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^