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

詳解vue.js的事件處理器v-on:click

 更新時間:2017年06月27日 11:42:44   作者:時光足跡  
本篇文章主要介紹了詳解vue.js的事件處理器v-on:click,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

用 v-on 指令監(jiān)聽 DOM 事件

注意:HTML5中不能使用v-on,換為@

(1)html代碼:

<div id="example"> 
 <button v-on:click="greet">Greet</button> 
 // 或者 

<button @click="greet">Greet</button> 
</div> 

(2)js代碼:

var vm = new Vue({ 
 el: '#example', 
 data: { 
 name: 'Vue.js' 
 }, 
 // 在 `methods` 對象中定義方法 
 methods: { 
 greet: function (event) { 
  // 方法內(nèi) `this` 指向 vm 
  alert('Hello ' + this.name + '!') 
  // `event` 是原生 DOM 事件 
  alert(event.target.tagName) 
 } 
 } 
}) 

 (3)效果展示:

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue+elementUI顯示表格指定列合計數(shù)據(jù)方式

    vue+elementUI顯示表格指定列合計數(shù)據(jù)方式

    這篇文章主要介紹了vue+elementUI顯示表格指定列合計數(shù)據(jù)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • 詳解element-ui設(shè)置下拉選擇切換必填和非必填

    詳解element-ui設(shè)置下拉選擇切換必填和非必填

    這篇文章主要介紹了詳解element-ui設(shè)置下拉選擇切換必填和非必填,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • vue實現(xiàn)小球滑動交叉效果

    vue實現(xiàn)小球滑動交叉效果

    這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)小球滑動交叉,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • Vue實現(xiàn)表格批量審核功能實例代碼

    Vue實現(xiàn)表格批量審核功能實例代碼

    這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)表格批量審核功能實例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-05-05
  • 解決vue組件props傳值對象獲取不到的問題

    解決vue組件props傳值對象獲取不到的問題

    這篇文章主要介紹了vue組件props傳值,對象獲取不到的問題,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-06-06
  • vue2中如何自定義組件的v-model

    vue2中如何自定義組件的v-model

    這篇文章主要介紹了vue2中如何自定義組件的v-model,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • Vue項目配置在局域網(wǎng)下訪問方式

    Vue項目配置在局域網(wǎng)下訪問方式

    這篇文章主要介紹了Vue項目配置在局域網(wǎng)下訪問方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • 詳解vuex中的this.$store.dispatch方法

    詳解vuex中的this.$store.dispatch方法

    這篇文章主要介紹了vuex中的this.$store.dispatch方法,必須要用commit(‘SET_TOKEN’,?tokenV)調(diào)用mutations里的方法,才能在store存儲成功,需要的朋友可以參考下
    2022-11-11
  • 淺談Vue入門需掌握的知識

    淺談Vue入門需掌握的知識

    這篇文章主要介紹了淺談Vue入門需掌握的知識,感興趣的同學(xué)參考下
    2021-04-04
  • 3分鐘帶你快速認(rèn)識Vue3中的v-model

    3分鐘帶你快速認(rèn)識Vue3中的v-model

    model在vue里面實現(xiàn)雙向綁定,通過父節(jié)點向子節(jié)點傳遞參數(shù),子節(jié)點通過操作再回傳給父節(jié)點的變量,有點像prop和$emit組合使用,下面這篇文章主要給大家介紹了關(guān)于Vue3中v-model的相關(guān)資料,需要的朋友可以參考下
    2022-11-11

最新評論