诗岑
2020-08-16 16:40
采纳率: 98.3%
浏览 271

点击按钮后没有反应?

HTML部分:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vueapp</title>
<script src="https://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>

</head>
<div id="dealer2">
<button v-on click="greet">greet</button>
</div>
<script src="vueapp.js"></script>
</body>


</html>

JavaScript部分:

var app=new Vue({
    el:"#dealer2",
    data:{
        name:"vue.js"
    },
    //define the method in methods
    methods:{
        greet:function(event){
            alert("hello "+this.name)
            if(event){
                alert(event.target.tagName)
            }
        }
    }
})


点击“greet”按钮没有fan'ying

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 已采纳
    你的on和click之间少了冒号
    <button v-on:click="greet">greet</button>
    
    打赏 评论
  • threenewbee 2020-08-16 17:22
    <button v-on click="greet">greet</button>
    ->
    <button v-on:click="greet(true)">greet</button>
    
    打赏 评论
  • jingluan666 2020-08-16 17:26

    是不是少了冒号

    <button v-on:click="greet">greet</button>
    
    打赏 评论

相关推荐 更多相似问题