vue的$event事件绑定,获取当前值-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

vue的$event事件绑定,获取当前值

[导读]:1.先默认数据处理赋值当前数据<divid="demo"><button@click="btn1(word,$event)">按钮一</button></div>$event:获取值按钮一newVue({el:'#demo',&n...

1.先默认数据处理 赋值当前数据

<div id="demo">
    <button @click="btn1(word,$event)">按钮一</button>
</div>

$event:获取值按钮一

new Vue({
      el:'#demo',
      data:{
         word:'我喜欢你,'
      },
      methods:{
         btn1(word,event){
            alert(word+event.target.innerText);
         }
      }
});

word 获取值为:我喜欢你

image.png

2.还有一种data-赋值

<button data-get="数据按钮" @click="getRvent($event)">获取事件对象</button>

get这个值就在target --> dataset 里面

数据按钮可以换成你的接口返回值 比如 :

你有一个接口

/api  获取到res  this.getSize = res.data

数据按钮就可以换成getSize 这样你的target --> dataset 里面就是呢个接口的数据值了

data- 不能 data-data名称不允许 ,可以以数据名称的名字命名也可以按照个人喜好




本文来自E先生的博客,如若转载,请注明出处:https://www.javajz.cn

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

欢迎加Easy的QQ