站長資訊網
        最全最豐富的資訊網站

        vuejs如何綁定函數

        vuejs綁定函數的方法:1、使用“<標簽名 v-on:事件名 = 函數名>”的形式來綁定;2、使用“<標簽名 @事件名 = 函數名>”的形式來綁定。

        vuejs如何綁定函數

        本教程操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

        vuejs中的事件綁定,使用<v-on:事件名 = 函數名>來完成的,這里函數名是定義在Vue實例中的methods對象中的,Vue實例可以直接訪問其中的方法.

        事件綁定的方式

        (1) 內聯直接把js寫在標簽上調用方法

         <button v-on:click="alert('hi')">執行方法的第一種寫法</button>

        (2)調用methods里定義的方法

              <button v-on:click="run()">執行方法的第一種寫法</button>       <button @click="run()">執行方法的 簡寫 寫法</button>
            export default {            data () {          return {           msg: '你好vue',           list:[]               }       },       methods:{            run:function(){               alert('這是一個方法');              }            }  }

        方法傳參,方法直接在調用時在方法內傳入參數

              <button @click="deleteData('111')">執行方法傳值111</button>        <button @click="deleteData('222')">執行方法傳值2222</button>
                deleteData(val){             alert(val);         },

        傳入事件對象

              <button data-aid='123' @click="eventFn($event)">事件對象</button>
                eventFn(e){           console.log(e);           // e.srcElement  dom節點           e.srcElement.style.background='red';           console.log(e.srcElement.dataset.aid);  /*獲取自定義屬性的值*/         }

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 99热精品在线| 亚洲国产精品自在在线观看| 国产精品你懂得| 亚洲av无码成人精品国产| 中文字幕一区二区精品区| 日韩精品无码专区免费播放| 精品视频在线观看你懂的一区 | 亚洲精品美女久久777777| 亚洲精品免费视频| 经典国产乱子伦精品视频| 亚欧无码精品无码有性视频| 国产精品嫩草影院久久| 久久96国产精品久久久| 大伊香蕉精品一区视频在线| 久久Av无码精品人妻系列| 亚洲午夜精品久久久久久浪潮 | 精品久久8x国产免费观看| 亚洲国产综合精品中文字幕| 国产亚洲精品国看不卡| 日韩精品www| 久久精品国产99国产精品澳门| 国产精品三级国产电影| 性欧洲精品videos| 亚洲七七久久精品中文国产| 无码国内精品久久人妻麻豆按摩| 精品亚洲成α人无码成α在线观看| 国产精品99爱免费视频| 亚洲一区精品中文字幕| 久久青青草原国产精品免费| 精品国产自在在线在线观看| 国产成人精品免费视频大全麻豆| 精品国产午夜理论片不卡| 精品国产VA久久久久久久冰| 人妻少妇精品视频一区二区三区| 无码精品久久久久久人妻中字| 亚洲&#228;v永久无码精品天堂久久 | 国产精品欧美日韩| 91精品最新国内在线播放| laowang在线精品视频| 2022国产精品不卡a| 国产精品久久波多野结衣|