uview 的 u-switch 报错Invalid prop: type check failed for prop "value". Expected Boolean, got Number with value 0.
时间: 2023-12-02 21:42:37 浏览: 108
解决vue+ element ui 表单验证有值但验证失败问题
根据提供的引用内容,uview的u-switch组件报错Invalid prop: type check failed for prop "value". Expected Boolean, got Number with value 0.,这是因为u-switch组件的value属性期望的是一个布尔值,但是传入的是一个数值类型。解决方法是将传入的数值类型转换为布尔值类型。以下是一个解决方案的示例代码:
```vue
<template>
<u-switch :value="switchValue === 1" @change="onChange"></u-switch>
</template>
<script>
export default {
data() {
return {
switchValue: 0
}
},
methods: {
onChange(value) {
this.switchValue = value ? 1 : 0;
}
}
}
</script>
```
在上面的代码中,我们将switchValue属性的值设置为0或1,然后将其转换为布尔值类型传递给u-switch组件的value属性。在change事件中,我们将传入的布尔值类型转换为0或1,然后将其赋值给switchValue属性。
阅读全文