1 回答

TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊
由于該屬性的值isEnabled是由硬編碼設(shè)置的true,因此從子組件更改它是行不通的。
在父組件中初始化數(shù)據(jù)變量并設(shè)置為屬性可以在這里提供幫助。
模板:
<SwitchButton v-model="distSwitch" :isEnabled="isEnabled" @toggle="toggleIsEnabled">
<label slot="left">{{ $t('general.dealer') }}</label>
<label slot="right">{{ $t('general.wholesale') }}</label>
</SwitchButton>
數(shù)據(jù):
data:()=>{
return {
isEnabled:true
}
}
在該部分中創(chuàng)建一個(gè)方法methods:
toggleIsEnabled:function(value){
this.isEnabled = value;
}
SwitchButton使用自定義事件發(fā)射器從組件發(fā)出的值toggle將觸發(fā)父組件中的回調(diào)函數(shù)toggleIsEnabled。
添加回答
舉報(bào)