VUE事件处理

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");
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.事件处理: 这个param可以是javascript代码,可以是方法名,可以是调用js方法(可传值)。 1)监...
    廖马儿阅读 5,882评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,119评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • 今天下班后去接悠悠,虽然没有找到膜拜自行车,有点点遗憾,但是还算及时接到孩子。然后接到之后带着孩子回家。在里奥的花...
    亮晶晶百里烟阅读 1,072评论 0 0
  • 还是简单的线稿。 感觉有点怪怪的,没画好
    谢勿念阅读 3,788评论 0 1

友情链接更多精彩内容