当前位置:编程学习 > JS >>

vue 开发中element-ui库的switc 绑定无效的处理方法

vue 开发中element-ui库的switch开关绑定number类型数据不成功问题 解决方法
最近在使用element-ui库进行vue项目的开发,这个ui库对于一些后台管理项目的开发还是非常实用的,各种组件都比较齐全,而且文档也很详细。但是对于我这种初学者来说,部分组件的文档还需更加详细。

其中的switch开关组件,我在这就花费了不少时间才完成自己想要的效果。 

也就是说当value为Number类型的时候 on-value和off-value前边必须加:单项绑定一下才可以。 


而on-value和off-value等号后边的值得引号是可有可无的。

:on-value= "1"
:off-value= "0"

<template #default="scope">
<el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" />
</template>
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,