欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue單個(gè)元素綁定多個(gè)事件問題(例如點(diǎn)擊綁定多個(gè)事件方法)

 更新時(shí)間:2023年04月17日 14:18:05   作者:мо仙堡杠把子ご灬  
這篇文章主要介紹了vue單個(gè)元素綁定多個(gè)事件問題(例如點(diǎn)擊綁定多個(gè)事件方法),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue單個(gè)元素綁定多個(gè)事件

在vue中 給單個(gè)元素綁定不同的事件同時(shí)去操作不同的邏輯,這樣的話就是異步處理

舉個(gè)例子

注意 綁定事件的時(shí)候要用 **;**隔開

vue單個(gè)元素綁定多個(gè)相同事件 與vue中如何獲取event對(duì)象

1.vue單個(gè)元素綁定多個(gè)相同事件

//正確的
<button @click="handelClick(),handelClick2()">測(cè)試click事件</button>
//錯(cuò)誤的
<button @click="handelClick,handelClick2">測(cè)試click事件</button>
//錯(cuò)誤的
<button @click="handelClick,handelClick2()">測(cè)試click事件</button>

事件都需要加上()

當(dāng)然你也可以綁定一個(gè)函數(shù), 在函數(shù)中調(diào)用多個(gè)函數(shù)

2.vue中獲取event對(duì)象

<button @click="handelClick($event)">測(cè)試click事件</button>
?
handelClick (e) {
? ? console.log(e)
},

總結(jié)

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue中通過vue-router實(shí)現(xiàn)命名視圖的問題

    Vue中通過vue-router實(shí)現(xiàn)命名視圖的問題

    這篇文章主要介紹了在Vue中通過vue-router實(shí)現(xiàn)命名視圖,本文給大家提到了vue-router的原理解析,給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-04-04
  • 關(guān)于Vue腳手架中render 理解

    關(guān)于Vue腳手架中render 理解

    這篇文章主要介紹了Vue腳手架中的 render 理解,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-10-10
  • 前端大文件上傳與下載(分片上傳)的詳細(xì)過程

    前端大文件上傳與下載(分片上傳)的詳細(xì)過程

    最近遇見一個(gè)需要上傳超大大文件的需求,所以下面這篇文章主要給大家介紹了關(guān)于前端大文件上傳與下載(分片上傳)的詳細(xì)過程,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-11-11
  • vue引入ueditor及node后臺(tái)配置詳解

    vue引入ueditor及node后臺(tái)配置詳解

    這篇文章主要介紹了vue引入ueditor及node后臺(tái)配置詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-01-01
  • Vue實(shí)現(xiàn)用戶登錄及token驗(yàn)證

    Vue實(shí)現(xiàn)用戶登錄及token驗(yàn)證

    這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)用戶登錄及token驗(yàn)證,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • 基于vue--key值的特殊用處詳解

    基于vue--key值的特殊用處詳解

    這篇文章主要介紹了基于vue--key值的特殊用處詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-07-07
  • vue.js父子組件傳參的原理與實(shí)現(xiàn)方法

    vue.js父子組件傳參的原理與實(shí)現(xiàn)方法

    這篇文章主要介紹了vue.js父子組件傳參的原理與實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了vue.js父子組件傳參的基本原理、實(shí)現(xiàn)方法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
    2023-04-04
  • vue實(shí)現(xiàn)吸壁懸浮球

    vue實(shí)現(xiàn)吸壁懸浮球

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)吸壁懸浮球,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • 解決vscode進(jìn)行vue格式化,會(huì)自動(dòng)補(bǔ)分號(hào)和雙引號(hào)的問題

    解決vscode進(jìn)行vue格式化,會(huì)自動(dòng)補(bǔ)分號(hào)和雙引號(hào)的問題

    這篇文章主要介紹了解決vscode進(jìn)行vue格式化,會(huì)自動(dòng)補(bǔ)分號(hào)和雙引號(hào)的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10
  • 使用vue-router為每個(gè)路由配置各自的title

    使用vue-router為每個(gè)路由配置各自的title

    這篇文章主要介紹了如何使用vue-router為每個(gè)路由配置各自的title,及使用vue router的方法,需要的朋友可以參考下
    2018-07-07

最新評(píng)論