美文网首页
vue 事件处理

vue 事件处理

作者: super静_jingjing | 来源:发表于2018-08-28 10:15 被阅读0次

事件绑定的写法:

<button v-on:click="run()">执行事件的第一种方法</button>
<button @click="run()">执行事件的第二种方法</button>

方法的传值

<button @click="delete('d1231')"></button>
export dafault{
    methods:{
        delete(val){
            console.log(val);
        } 
    }
}
//事件对象
<button data-aid="myselfData" @click="delete($event)"></button>
export dafault{
    methods:{
        delete(ev){
             // ev就是事件对象
            console.log(ev);
            // 获取自定义属性的值
            console.log(ev.srcEkement.dataset.aid);
        } 
    }
}

相关文章

  • vue-事件

    title: vue-事件处理date: 2017-03-23 vue 事件 本文介绍vue组件的事件处理,并通过...

  • Vue事件处理

    Vue 事件处理 内联事件处理 通过方法处理 访问原始 DOM 事件方法不含有参数可以直接访问 event 对象 ...

  • vue基础入门(2.1)

    2.vue基础用法 #2.1.事件处理 #2.1.1.监听事件 使用v-on:事件名称 = '事件处理函数'的形式...

  • vue 事件处理

    事件绑定的写法: 方法的传值

  • VUE事件处理

    .stop 停止事件冒泡.prevent 阻止事件默认行为

  • VUE事件处理

    1、获取点击的元素 html如下,将当前传递过去 JS代码如下 2、和Layui的TIPS结合做提示更多用html...

  • Vue事件处理

    监听事件 可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。 效果: 事件...

  • Vue 事件处理

    绑定监听:v-on:xxx="fun"@xxx="fun"@xxx="fun(参数)"默认事件形参: event隐...

  • Vue - 事件处理

    1.事件处理: 这个param可以是javascript代码,可以是方法名,可以是调用js方法(可传值)。 1)监...

  • Vue事件处理

      Vue事件监听的方式貌似违背了关注点分离(separation of concern)的传统理念。实际上,所有...

网友评论

      本文标题:vue 事件处理

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