Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
177 views
in Technique[技术] by (71.8m points)

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

<!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>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...