解决:Vue @dbclick双击事件不起作用、v-on:dbclick双击事件不起作用的问题

dbclick 改为dblclick即可:
实例代码:

<div id="app">
	<p>马云的年龄:{
    
    {
    
    age}}</p>
    <input type="button" @dblclick='reduce(10)' value="减少10岁">
    <input type="button" @dblclick='increase(10)' value="增加10岁">
</div>

<script src="vue.js"></script>

<script>
    let vm=new Vue({
    
    
        el:"#app",
        data:{
    
    
            age:50
        },
        methods: {
    
    
            increase:function(num){
    
    
                if(this === vm){
    
    
                    this.age += num;
                }
            },
            reduce:function(num){
    
    
                if(this === vm){
    
    
                    this.age -= num;
                }
            },
        },
    });
</script>

猜你喜欢

转载自blog.csdn.net/weixin_44584479/article/details/115061789