vue 笔记,ref 及 $event 事件对象
发布日期:2021-08-15 22:29:21 浏览次数:41 分类:技术文章

本文共 420 字,大约阅读时间需要 1 分钟。

本文仅用作简单记录

 

ref : 在标签上添加 ref = “name” ,表示获取当前元素节点

获取

this.$refs.info.value

  

获取事件对象 , 方法参数传递  $event 

获取

Event(e){   console.log(e) }

打印结果:

也可以获取执行事件的节点

e.srcElement

比如,我想给 button 按钮 添加背景颜色

e.srcElement.style.backgroundColor = "red"

 也可以通过事件对象获取自定义属性:

比如,button 按钮上自定义一个属性:

getInfo(e){     console.log(e);     console.log(e.srcElement.dataset.aid)  }

结果:

 

转载于:https://www.cnblogs.com/Sky-Ice/p/9283097.html

转载地址:https://blog.csdn.net/weixin_30781107/article/details/97095162 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:多页面应用 VS 单页面应用
下一篇:unity destory的延迟摧毁

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月13日 16时36分30秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

大疆 RoboMaster 机甲大师官方刚刚开通”机甲小 S 实验室”知乎专栏 2019-04-26
大疆机甲大师教育机器人Python API中文化之三:底盘灯效 2019-04-26
大疆机甲大师教育机器人Python API中文化之四五:云台灯效,指定序号 2019-04-26
大疆机甲大师教育机器人Python API中文化之六:关灯 2019-04-26
“中文编程”知乎专栏两岁了——山雨欲来风满楼 2019-04-26
大疆机甲大师Python API之七:做个闹钟 2019-04-26
【意外走向】大疆机甲大师Python API之八:计时——为性能测试展开1000次循环 2019-04-26
RFC#2457——Rust 语言支持非 ASCII 码标识符在 GitHub 引发的激辩(一) 2019-04-26
RFC#2457——Rust 语言选择支持非 ASCII 码标识符在 GitHub 引发的激辩(二) 2019-04-26
”为什么有这么多人执着于中文编程?”回答两千赞留念及回应 2019-04-26
【家务】盘点小孩玩具零件缺失情况 2019-04-26
开发中文 API 的一些策略 2019-04-26
从日本编程书籍《我的第一本编程书》中译版看中文例程如何扬长避短——标识符(一) 2019-04-26
中文命名标识符如何区分类型和变量 2019-04-26
编程术语成系统中文化的意义 2019-04-26
草蟒 Python 中文 API 与 IDE 支持尝鲜 2019-04-26
一种改进中文 API 可读性的方法:参数不限于在末尾 2019-04-26
中文编程开发工具的生存模式探讨 2019-04-26
写给木兰编程语言研发团队的公开信 2019-04-26
为什么要急着为「木兰」编程语言贴上“造假”的标签? 2019-04-26