美文网首页
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-事件

    title: vue-事件处理date: 2017-03-23 vue 事件 本文介绍vue组件的事件处理,并通过...

  • Vue事件处理

    Vue 事件处理 内联事件处理 通过方法处理 访问原始 DOM 事件方法不含有参数可以直接访问 event 对象 ...

  • vue基础入门(2.1)

    2.vue基础用法 #2.1.事件处理 #2.1.1.监听事件 使用v-on:事件名称 = '事件处理函数'的形式...

  • vue 事件处理

    事件绑定的写法: 方法的传值

  • VUE事件处理

    .stop 停止事件冒泡.prevent 阻止事件默认行为

  • VUE事件处理

    1、获取点击的元素 html如下,将当前传递过去 JS代码如下 2、和Layui的TIPS结合做提示更多用html...

  • Vue事件处理

    监听事件 可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。 效果: 事件...

  • Vue 事件处理

    绑定监听:v-on:xxx="fun"@xxx="fun"@xxx="fun(参数)"默认事件形参: event隐...

  • Vue - 事件处理

    1.事件处理: 这个param可以是javascript代码,可以是方法名,可以是调用js方法(可传值)。 1)监...

  • Vue事件处理

      Vue事件监听的方式貌似违背了关注点分离(separation of concern)的传统理念。实际上,所有...

网友评论

      本文标题:VUE事件处理

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