美文网首页
【基础】事件

【基础】事件

作者: JerichoPH | 来源:发表于2017-10-12 21:55 被阅读12次

    事件

    • html
    <div id="app">
        <button @click="show($event)">点击按钮会显示当前坐标</button>
        <button @click="show2(message)">点击按钮会显示一个vue变量</button>
    </div>
    
    • js
    <script>
        // 初始化数据
        window.onload = function () {
            // vue
            var vueApp = new Vue({
                el: '#app',
                data: {message: '这里是测试内容'},
                methods: {
                    show: function (ev) {
                        alert(ev.clientX + "," + ev.clientY);
                    },
                    show2: function (msg) {
                        alert(msg);
                    }
                }
            });
        };
    </script>
    

    相关文章

      网友评论

          本文标题:【基础】事件

          本文链接:https://www.haomeiwen.com/subject/qlfayxtx.html