Vue简单代码为什么点击之后会报错

发布于
2020-10-09

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="vm">
 <div @click="console.log('dd')">ssssssssssss</div>
</div>
<script>
 const vm=new Vue({
        el:'#vm',
 })
</script>
</body>
</html>

vue.js 前端

阅读 1.8k

2 个回答

Vue的事件方法，默认会解析为

<div @click="this.console.log('dd')">ssssssssssss</div>

它会去当前实例化vue的methods中找console方法。

vue 提供的api this指向皆为当前实例化vue，包括@指令、v指令

使用DOM原生事件，应为

<div onClick="console.log('dd')">ssssssssssss</div>

linong

29.2k1266133

发布于
2020-10-09

@click="console.log('dd')"

讲道理是不允许这样写的，你可以methods定义方法，然后调用

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

Vue简单代码为什么点击之后会报错

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？