使用Element UI的Switch控件时,按照官方指南,可以绑定boolean、string、number类型的值。
在绑定number时,发现状态并没有生效,说下解决方案。
以下是原始用法:
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" active-value="100" inactive-value="0"> </el-switch>
绑定数字时,只需要改为以下代码即可:
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" :active-value="100" :inactive-value="0"> </el-switch>
即在active-value与inactive-value前面加冒号即可。