Vue.component('alert',{ template:'<button @click="onClick">{{msg_1}}{{msg_2}}{{msg_3}}</button>',
props:['msg_1','msg_2','msg_3'],
methods:{
onClick:function () {
alert();
}
}
});
new Vue({
el:'#app'
});
<div id="app"><alert msg_1="1111111"></alert><alert msg_2="2222222"></alert><alert msg_3="3333333"></alert></div>
我想分別在三個(gè)組件中alert出這三個(gè)父組件傳遞的值，也就是1111，2222，3333.那么現(xiàn)在這個(gè)onclick方法應(yīng)該怎么寫(xiě)？？還是說(shuō)我這個(gè)組件的復(fù)用本身就寫(xiě)錯(cuò)了嗎。。
4 回答
慕尼黑的夜晚無(wú)繁華
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超6個(gè)贊
onClick:function () {
let content = this.msg_1 || this.msg_2 || this.msg_3
alert(content)
}
慕沐林林
TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊
Vue.component('alert',{
template:'<button @click="onClick">{{msg_1}}</button>',
props:{
msg_1: String
},
methods:{
onClick:function () {
alert(this.msg_1);
}
}
});- 4 回答
- 0 關(guān)注
- 1218 瀏覽
添加回答
舉報(bào)
0/150
提交
取消