vue2.0 绑定鼠标移入移出事件-绑定class

<div v-on:mouseover="handleOver($event)" v-on:mouseout="handleOut($event)"></div><div @mouseover="mouseOver" @mouseleave="mouseLeave"></div>handleOver (e) {console.lo...

XiaoYi0215

4861人浏览 · 2019-02-22 18:11:14

XiaoYi0215 · 2019-02-22 18:11:14 发布

<div v-on:mouseover="handleOver($event)" v-on:mouseout="handleOut($event)"></div>
<div @mouseover="mouseOver" @mouseleave="mouseLeave"></div>


handleOver (e) {
    console.log('移入：', e);
    e.currentTarget.className = "xxx";
},

handleOut (e) {
    console.log('移出：', e);
    e.currentTarget.className = "yyy";
},
mouseOver () {},

mouseLeave () {}

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}$/, //不连续的两位字母// /^