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"
: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)' 注意:change后面带括号!!!,并且要事件传参 event)′注意:change后面带括号!!!,并且要事件传参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
更多推荐
所有评论(0)