elememtUI 的switch组件默认不起效

...
 <el-form-item label="是否显示:" prop="IsShow">
           <el-switch
             v-model="editForm.IsShow"
             active-color="#13ce66"
             active-value="1"
             inactive-value="0"
             active-text="是"
             inactive-text="否">
           </el-switch>
        </el-form-item>
...

editForm:{
                "IsShow":1,
              },

发现不会显示为默认的1状态,原因是上面active-value和inactive-value绑定的是string,下面的是number,所以将下面的改string类型就正常了;

那如果需要赋值isShow是number类型怎么办?

elementUI中,number类型绑定要在前面加绑定符号;

...
 <el-form-item label="是否显示:" prop="IsShow">
           <el-switch
             v-model="editForm.IsShow"
             active-color="#13ce66"
             :active-value=1
             :inactive-value=0
             active-text="是"
             inactive-text="否">
           </el-switch>
        </el-form-item>
...

editForm:{
                "IsShow":1,
              },

这种也能正常

猜你喜欢

转载自blog.csdn.net/github_38928905/article/details/86477737