按键测试测试

按键测试测试

        <!DOCTYPE html>
        <html>
            <head>
                <meta charset="utf-8">
                <title></title>
            </head>
            <body>
                <div id="app">
                        <h1>{{a}}</h1>
                        <!-- 加上.exact修饰后,只有ctrl和鼠标左键按下才会触发 -->
                        <button @click.ctrl.exact="add">按我加1</button>
                        <!-- ctrl+alt和鼠标左键 被一同按下时也会触发 -->
                        <button @click.ctrl="minus">按我减1</button>
                    </div>
                    <script src="js/vue.min.js"></script>
                    <script>
                        new Vue({
                            // 挂载点
                            el:'#app',
                            // 数据
                            data:{
                                a: 0
                            },
                            // 方法
                            methods: {
                                add() {
                                    this.a++
                                },
                                minus() {
                                    this.a--
                                }
                            },
                        })
                    </script>
            </body>
        </html>
posted @ 2022-05-20 10:33  爱豆技术部  阅读(109)  评论(0)    收藏  举报