使用element组件(以input跟button为例)
<el-input
v-model="value"
v-on="{
input:onInput,
focus:onFocus,
blur:onBlur
}"
>
</el-input>
methods:{
onInput(value){
console.log('onInput',this.value)
},
onFocus(value){
console.log('onFocus',this.value)
},
onBlur(value){
console.log('onBlur',this.value)
},
}
button
<el-button v-on="{mouseenter: onEnter,mouseleave: onLeave}">鼠标进来1</el-button>
onEnter() {
console.log("mouse enter");
},
onLeave() {
console.log("mouse leave");
总结:从上看出v-on可以监听多个方法