zoukankan      html  css  js  c++  java
  • vue doubleclick 鼠标双击事件

    Vue-dblclick事件(此外事件还有mouseover,mouseout,click,mousdown...):

    v-on:dblclick="函数"

    v-on:click/mouseout/mouseover/dblclick/mousedown.....

    new Vue({

    el:'#box',

    data:{ //数据

        arr:['apple','banana','orange','pear'],

        json:{a:'apple',b:'banana',c:'orange'}

    },

    methods:{

        show:function(){ //方法

            alert(1);

        }

    }

    });

    <div id="box">
        <input type="button" value="按钮" v-on:click="show()">
    </div>

    实例(vue点击添加)

    <script>
        window.onload=function(){
            new Vue({
                el:'#box',
                data:{ //数据
                    
    arr:['apple','banana','orange','pear'],
                    json:{a:'apple',b:'banana',c:'orange'}
                },
                methods:{
                    add:function(){
                        this.arr.push('tomato');
                    }
                }
            });
        };
    </script>

    <div id="box">
        <input type="button" value="按钮" v-on:click="add()">
        <br>
        <ul>
            <li v-for="value in arr">
                {{value}}
            </li>
        </ul>
    </div>

  • 相关阅读:
    task-clph
    遍历数组的方式
    iOS事件处理之七种手势
    quatz2d使用注意点
    iOS 细碎知识整理
    九宫格算法图示
    mac10.12的Cocopods安装使用
    静态库冲突的解决办法:duplicate symbol
    ceshi
    xmpp4-总览
  • 原文地址:https://www.cnblogs.com/h2zZhou/p/7597311.html
Copyright © 2011-2022 走看看