Vue 事件绑定

谁借莪１个温暖的怀抱￠ 2023-03-12 09:07 181阅读 0赞

v-on指令用法：

  1. <button type="button" v-on:click ="num++">点击</button>

v-on 可用@代替 @click=“”

事件函数调用：

  1. <button type="button" v-on:click ="handle（）">点击</button> 调用函数
  3. <button type="button" v-on:click ="handle">点击</button>直接绑定函数名称

事件函数参数传递：

  1. <button type="button" v-on:click ="handle（hi,$event）">点击</button> 普通参数和事件对象（事件对象必须放在最后）
  3. var vm = new Vue({
  4.     el: '#app', //选择id为app的容器 (元素挂载的位置)
  5.     data:{
  6.         msg: 'Hello Word',
  8.         num: 0
  9.     },
  10.     methods: {
  11.         handle: function (p,event) {
  12.   this.msg=p  //msg赋上参数传来的p值
  13. console.log(event.target.innerHTML) // 打印按钮标签的属性值
  15.         }
  16.     }
  17. });

发表评论

表情：
评论列表 （有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue_给组件绑定原生事件

    当我们使用组件的时候，想点击组件触发事件，要在子组件里定义触发事件，在父组件定义是没用的. 只有从子组件往外触发自定义事件，父组件里定义的触发函数才有用。 那么怎么样才能直

    比眉伴天荒比眉伴天荒/ 0 赞/ 396 阅读