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>

  • 相关阅读:
    第五周总结 8.11
    第四周总结 8.2
    第三周总结7.27
    PHP实验四
    PHP实验一
    PHP实验三
    软件工程课程总结
    《梦断代码》阅读笔记03
    找水王
    评价搜狗输入法
  • 原文地址:https://www.cnblogs.com/h2zZhou/p/7597311.html
Copyright © 2011-2022 走看看