【VUE前端SwitchValue使用】
  TEZNKK3IfmPf 20天前 13 0
vue

如果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状态。

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 20天前 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年03月30日   48   0   0 vue
  TEZNKK3IfmPf   27天前   17   0   0 vue
  I7JaHrFMuDsU   2024年03月22日   20   0   0 javascriptvue
  TEZNKK3IfmPf   2024年03月29日   30   0   0 javascriptvue
TEZNKK3IfmPf