VUE事件处理

2018-04-18  本文已影响0人  皮卡乒乓

1、获取点击的元素

html如下,将当前传递过去

<input type="checkbox" v-on:click="selectPersonCheck(li.id,$event)" :ids="li.id">

JS代码如下

selectPersonCheck: function (id, events) {
    //用$(events.currentTarget)获取当前元素
  var ids = $(events.currentTarget).attr("ids");
  if ($(events.currentTarget).prop("checked")) {
                
  } else {
                
  }

2、和Layui的TIPS结合做提示更多用
html如下,将当前传递过去

 <span @mouseenter="enter(li.yjdx,$event)" @mouseleave="leave" >{{li.yjdx | getOne}}</span>

JS代码如下

methods:{
  enter: function (msg, events) {
    setTimeout(function () {
          layer.tips(msg, events.target, {
              time: 5000000,
                tips: [3, '#79B455']
           });
      }, 1000) //延时1秒后提示
    },
 leave: function () {
     layer.closeAll("tips");
  }
}
上一篇下一篇

猜你喜欢

热点阅读