首頁(yè) 猿問(wèn) vue.js...

vue.js 如何動(dòng)態(tài)的給一個(gè)按鈕添加點(diǎn)擊事件

JavaScript

幕布斯6054654 2018-10-12 14:11:55

vue.js開(kāi)發(fā)中，需要?jiǎng)討B(tài)的給一個(gè)彈出框的確定按鈕添加點(diǎn)擊事件，來(lái)執(zhí)行不同的方法，這個(gè)怎么做？

查看完整描述

1 回答

烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

Vue.js 2.x里面可以這樣寫(xiě)，用@click.asyc綁定，代碼如下：

<div>{{message}}</div>

<button @click.sync="onClick">Click Me</button>

</div>

var vue = new Vue({

el: "#app",

data:{

message:"Hello,world!"

},

methods: {

onClick: function () {

this.message = "You click me!";

this.onClick = function () {

this.message = "Hello,i changed!";

}

});

</script>

反對(duì) 回復(fù) 2018-11-27

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)