[el-checkbox] [API] label act as value is about to be deprecated in version 3.0.0, please use value

这个错误主要是发生在 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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值