美文网首页
VUE事件处理

VUE事件处理

作者: 皮卡乒乓 | 来源:发表于2018-04-18 11:42 被阅读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");
      }
    }
    

    相关文章

      网友评论

          本文标题:VUE事件处理

          本文链接:https://www.haomeiwen.com/subject/corvkftx.html