elementUI中下拉选择器el-select中Select Events事件 change 方法参数两种使用和option的focus触发焦点

第一种:给select添加 @change=‘change’ 注意:change后面不带括号!!!methods下面方法传事件e可以的到对应值<el-select @change="change" v-model="value1" placeholder="请选择"><el-option@focus="get1()"v-for="item in list2"

文章共636字 · 阅读需要大约3分钟

一键AI生成摘要，助你高效阅读

问答

MFG_666

18729人浏览 · 2022-02-08 16:16:55

MFG_666 · 2022-02-08 16:16:55 发布

第一种:给select添加 @change=‘change’ 注意:change后面不带括号!!! methods下面方法传事件e可以的到对应值

<el-select @change="change" v-model="value1" placeholder="请选择">
                <el-option
                  @focus="get1()"
                  v-for="item in list2"
                  :key="item.code + item.name"
                  :label="item.code + item.name"
                  :value="item.code + item.name"
                >
                </el-option>
              </el-select>

第二种:给select添加 @change='change( $e v e n t)^{'} 注意 : c h a n g e 后面带括号!!!, 并且要事件传参$ event methods下面方法传事件e可以的到对应值

// <el-select @change="change($event)" v-model="value1" placeholder="请选择">
//                 <el-option
//                   @focus="get1()"
//                   v-for="item in list2"
//                   :key="item.code + item.name"
//                   :label="item.code + item.name"
//                   :value="item.code + item.name"
//                 >
//                 </el-option>
//               </el-select>

 <button @click=isJump>是否跳转</button>
 data() {
      return {
        value1: '',
        jump: 1,  // 判断是否跳转
        list2: [{
            name: "人民币",
            code: "CNY",
          },
          {
            name: "美元",
            code: "USD",
          },
          {
            name: "日元",
            code: "JPY",
          },
          {
            name: "欧元",
            code: "EUR",
          }
        ],
      };
    },
    methods: {
    change(e) {
      // 通过打印可以查看是否能拿到对应值!!!
      console.log(e);
    },
      get1() {
      this.jump = 1;
    },
     get2() {
      this.jump = 2;
    },
    isJump(){
      if(this.jump = 1){
        console.log(get1,'111')
      } else if (this.jump = 2) {
        console.log(get2,'222')
      }
    }
  },

区别:主要看后面要不要加括号:传参$event