Vue内联处理器中访问DOM事件可以不加$？现在$event传入原始DOM事件可以不加$了吗？

最新推荐文章于 2022-10-04 21:46:04 发布
最新推荐文章于 2022-10-04 21:46:04 发布
阅读量169 收藏
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jcz222917/article/details/119908990
版权

在之后学习完vue项目之后，再次想起这个问题进行实验，发现在项目中传入时不加 $ 时会报错没有定义。

结果：

 后来想到之前是用到vue的cdn进行了相关的 基础知识学习 ，又找到之前的cdn测试，发现和之前一样可以展示效果。

cdn：

  <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>

结果：

最低0.47元/天 解锁文章
程序员小井
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
vue2知识点：事件处理
刘大猫
05-20 2015
文章目录一、事件的基本使用二、$event 对象三、事件的修饰符1）prevent2）阻止事件冒泡3）once4）capture5）self6）passive四、键盘事件(键值修饰符) 一、事件的基本使用 注意点1：定义事件函数时，普通函数this指代vue对象，而箭头函数中this指代Window对象。 注意点2：定义事件没参数小括号()可省略，但是用在插值表达式使用一个函数返回值就必须带小括号()，比如 全名：{{fullName()}}。 注意点3：不被vue所管理的函数那么请使用箭头函数。 代.
Vue事件（$event）
qq_36582776的博客
11-02 6817
1.Vue事件处理 <div id='div1'> <button v-on:click="showInfo1">提示信息1</button> <button @click="showInfo2($event,666)">提示信息2</button> //@是v-on:的简写形式 <div> <script> const vm=new Vue({ el:'#div1',
初学Vue
ordinaryzry的博客
10-04 439
初学vue
vue使用dom事件
qq_44989936的博客
07-16 320
vue原文 有时也需要在内联语句处理器中访问原始的 DOM 事件。可以用特殊变量 $event 把它传入方法： <button v-on:click=“warn(‘Form cannot be submitted yet.’, $event)”> Submit </button> // … methods: { warn: function (message, event) { // 现在我们可以访问原生事件对象 if (event) { event.preventDefaul
Vue 解决通过this.$refs来获取DOM或者组件报错问题
10-15
在Vue.js中，`this.$refs` 是一个非常重要的特性，它允许开发者访问Vue实例挂载的DOM元素或子组件实例。然而，在某些情况下，尝试通过`this.$refs`获取DOM或组件时可能会遇到错误。本文将深入探讨这个问题及其解决...
vue动态生成dom并且自动绑定事件
01-19
用jquery的时候你会发现，页面渲染后动态生成的dom，在生成之前的代码是没办法取到相应对象的，必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。 html: <input type=text v-model...
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
12-29
通过前面对Vue的学习，到现在我们很有必要进一步了解Vue实例中的一些特殊的属性和方法。首先要了解的是$refs属性。但是在深入到JavaScript部分之前，我们先看看模板。 <h1>{{ message }} <button @click=...
详解vue指令与$nextTick 操作DOM的不同之处
10-18
在队列处理过程中，Vue会利用原生的Promise或MessageChannel，若不支持则退化为`setTimeout(fn, 0)`，确保在DOM更新后再执行相关代码。 当需要在DOM更新后执行某些操作，如读取DOM的新状态或修改DOM，可以使用`$...
Vue.$event 内联语句中传入原始dom数据
352328759的博客
05-25 2953
@click=“fun1” //默认传入原始数据 @click=“fun1(‘其它参数’)” //仅传入指定数据 //要传入指定数据 + 原始数据 @click=“fun1($event, ‘其它参数’)” 有时也需要在内联语句处理器中访问原始的 DOM 事件。可以用特殊变量 $event 把它传入方法 参考:内联处理器中的方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c
vue学习八(监听、$event、内联处理器中的方法)
全干工程师
09-28 5286
文章目录一个组件的 v-for 一个组件的 v-for 任何数据都不会被自动传递到组件里，因为组件有自己独立的作用域。为了把迭代数据传递到组件里，我们要用 props &amp;lt;div id=&quot;todo-list-example&quot;&amp;gt; &amp;lt;form v-on:submit.prevent=&quot;addNewTodo&quot;&amp;gt;
手把手教你什么是vue的内联处理器
chaopingyao的博客
04-30 406
最近再次看vue官方文档的时候，发现在事件处理的部分提到了一个词：内联处理器。一脸懵之后，遂查看资料，决定记录下来，所以这篇文章就自此而来。
vue click同时传入事件对象和自定义参数
热门推荐
马优晨
06-25 8万+
仅仅传入自定义参数 HTML <div id="app"> <button @click="tm(123)">ddddd</button> </div> JS代码 new Vue({ el:'#app', methods:{ tm:function(e){ console.log(e); } ...
在Vue.js中什么是内联处理器？
Book_B的博客
10-12 590
在Vue.js中什么是内联处理器
Vue 点击事件传递原生DOM事件？
weixin_30549657的博客
04-22 1242
Part.1 问题 如何使上面的三个按钮单个点击后实现第一个按钮现在的样式呢？ Part.2 思路 为当前点击的按钮添加一个 单独的类名，我的做法： .active { background: #3C8DBC; color: white } 为当前点击的按钮添加一个 .active 类，但是在每次为当前点击的按钮添加类名时，其它的按钮需要...
38Vue - 事件处理器（内联处理器方法）
阿甘兄
07-29 693
除了直接绑定到一个方法，也可以用内联 JavaScript 语句： HTML代码： <div id="example-3"> <button v-on:click="say('hi')">Say hi</button> <button v-on:click="say('what')">Say what</button> </...
vue内联处理方法
userzou的博客
05-24 415
vue内联处理方法：点击按钮alert弹出值 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <di
vue中$nextTick依旧不能获取到dom？
最新发布
05-24
在 Vue 中，当我们修改数据时，Vue 并不会立即更新真实的 DOM，而是先将数据缓存在虚拟 DOM 中，然后通过异步更新机制进行更新。因此，如果我们在修改数据的代码后立即去获取 DOM 元素，就有可能获取到旧的 DOM 元素...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员小井

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值