element-ui rate作为子组件使用报警告错误:Avoid mutating a prop directly since the value will be overwrit...

使用element-ui里的rate组件

如图,在使用element-ui rate组件作为一个子组件赋值时,报了上图的错误。官方文档参数配置说明可以这么配置:

然而子组件内不应该用 v-model,因为 v-model 只是一个简化命令,使用 v-model="value" 相当于
:value="value" @input="e => value = e.target.value",所以在你输入值的同时已经直接修改了value,导致报了那个警告。所以应该拆解开来写。

而官方文档中参数里还有一个value,也就是如果只是作用展示的话,应该通过value="targetValue"去赋值,而如果是使用来获取评分的值时,就应该使用v-model="targetValue"来获取。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值