这个错误主要是发生在 element-plus 的 el-checkbox 中,原因是 element-ui 和 element-plus 的 el-checkbox 组件有所改变
这是 element-plus 的说明
之前的 label 属性可以作为 值 来进行选项,现在得换成 value 了
错误代码:
<script setup lang="ts">
import { ref } from 'vue'
const checkList = ref(['Value A'])
</script>
<template>
<el-checkbox-group v-model="checkList">
<el-checkbox label="Option A" />
<el-checkbox label="Option B" />
<el-checkbox label="Option C" />
</el-checkbox-group>
</template>
<style lang="less" scoped></style>
报错信息:
改正之后的代码(每个 el-checkbox 组件加一个 value 来代表选定的值,而不是原先的 lable):
<script setup lang="ts">
import { ref } from 'vue'
const checkList = ref(['Value A'])
</script>
<template>
<el-checkbox-group v-model="checkList">
<el-checkbox label="Option A" value="Value A" />
<el-checkbox label="Option B" value="Value B" />
<el-checkbox label="Option C" value="Value C" />
</el-checkbox-group>
</template>
<style lang="less" scoped></style>