【基础】事件

事件

  • 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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,308评论 0 6
  • 1、鼠标事件 常见的click等事件这里不做详细介绍 1、mousemove: 用来监听用户移动的操作,基于移动的...
    七_五阅读 390评论 0 0
  • 1. DOM0 事件和DOM2级在事件监听使用方式上有什么区别? (1)DOM0级事件:on+事件类型 在HTML...
    hahahahaqwert阅读 439评论 0 0
  • 引文:http://www.cnblogs.com/OpenCoder/archive/2009/09/23/15...
    1cf694582c2f阅读 790评论 0 2
  • 我游历在这空旷天际 高声呼唤着铺天之泪 希望砸进心中的斑驳 站在高处只为看到 在那祈祷中的梦想之都 可哪知道它还凌...
    冷笑WE阅读 288评论 0 2