如果scopes.row.isCareful为空时,您想要将开关设置为active状态
,可以根据isCareful的值来确定初始激活状态。您可以在el-switch元素中添加一个计算属性来设置,默认的active状态。
首先,在组件的data属性中添加一个计算属性initialSwitchValue:
data() {
return {
// 其他数据…
initialSwitchValue: ‘’,
}
}
接下来,在计算属性中根据isCareful的值来设置initialSwitchValue的值:
computed: {
initialSwitchValue() {
if (this.scopes.row.isCareful === ‘’) {
return ‘1’;
} else {
return this.scopes.row.isCareful;
}
}
}
然后,在el-switch元素中将v-model绑定到initialSwitchValue,这样当isCareful为空时,开关就会处于active状态:
<el-switch
v-model=“initialSwitchValue”
:active-value=“‘1’”
:inactive-value=“‘0’”
inactive-color=“#ff4949”
active-color=“#13ce66”
@change=“editCareful(scopes.row)”
/>
通过这样的设置,当scopes.row.isCareful为空时,开关将处于active状态。