vue之v-model基本使用
713
2025-04-01
var vm2=new Vue({
el:'.Model2',
data:{message:'Model漢字案例'},
methods:{
handleInput:function(e){
this.message=e.target.value;
}
}
});
單選按鈕在單獨(dú)使用時(shí),不需要v-model,直接使用v-bind綁定一個(gè)布爾類型的值,為真時(shí)選中,為假時(shí)不選。
var model3=new Vue({
el:'.model3',
data:{
picked:false
}
});
如果是組合使用來實(shí)現(xiàn)互斥選擇效果,就需要v-model配合value來使用:
選擇的項(xiàng)是:{{picked}}
var model4=new Vue({
el:'.model4',
data:{picked:'js'}
});
點(diǎn)擊CSS3 會(huì)顯示第二個(gè)選擇項(xiàng)。
Vue
版權(quán)聲明:本文內(nèi)容由網(wǎng)絡(luò)用戶投稿,版權(quán)歸原作者所有,本站不擁有其著作權(quán),亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容,請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理,核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。
版權(quán)聲明:本文內(nèi)容由網(wǎng)絡(luò)用戶投稿,版權(quán)歸原作者所有,本站不擁有其著作權(quán),亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容,請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理,核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。