vue基础：事件绑定,通过事件获取数据

朱雀 2022-03-25 09:50 642阅读 0赞

1.vue中对方法（事件）的绑定的两种方法：v-onclick:=”()“和@click=”*()”

需要注意的事在中调用的方法时，该方法需要在

  1. <button v-on:click="run1()">执行方法的第一种写法</button>
  3. data () {  
  4.         return { 
  5.           msg: '你好vue',
  6.           list:[]      
  7.         }
  8.       },
  9.  methods:{ 
  11.         run1:function(){ 
  13.           alert('这是一个方法');
  14.           //alert(this.msg);
  15.           //this.msg="change";
  17.         },
  18.       }

同样在事件中我们也可以进行数据的输出和修改。

2.通过事件获取数据

  1. <button data-aid='123' @click="eventFn($event)">事件对象</button>
  3. eventFn(e){ 
  4.           console.log(e);
  6.           // e.srcElement dom节点
  7.           e.srcElement.style.background='red';
  8.           alert(e.srcElement.dataset.aid);
  10.           console.log(e.srcElement.dataset.aid);  /*获取自定义属性的值*/
  11.         }

发表评论

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

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

相关阅读