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

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

E先生 • 2022-06-26 22:07:08 • 前端 • 阅读582
[导读]：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

data-,vue,前端,$event,点击事件,事件绑定,Easy,E先生
打赏 微信扫一扫微信扫一扫
E先生
git切换分支 error: Your local changes to the following files would be overwritten by checkout: 已解决！！！
« 上一篇
JavaScript find() 方法 find对比
下一篇 »

相关推荐

留言区

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

历史留言

鲁ICP备20021488号
欢迎加Easy的QQ