[Vue warn] Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘value‘)

在使用Ant Design的下拉框组件时遇到错误:`[Vue warn]: Error in v-on handler: 'TypeError: Cannot read properties of undefined (reading 'value')'`。通过排查发现问题是由于数据类型绑定错误导致,修正所有相关数据类型的绑定后,问题得到解决。
摘要由CSDN通过智能技术生成
1、问题描述:antd 下拉框选择的时候报了这个错误
<a-select
  :defaultValue="0"
  v-model="executeCycleUnit"
  @change="handleExecuteNum"
>
  <a-select-option :value="0"> 分钟 </a-select-option>
  <a-select-option :value="1"> 小时 </a-select-option>
</a-select>

在这里插入图片描述

2、一步步去排查问题:绑定数据类型错了(使用到数据类型都修改)
<a-select
  :defaultValue="0"
  v-model="executeCycleUnit"
  @change="handleExecuteNum"
>
  <a-select-option :value=0> 分钟 </a-select-option>
  <a-select-option :value=1> 小时 </a-select-option>
</a-select>
data() {
  return {
    executeCycleUnit: 0,
  };
},
methods: {
	// 每日频率-执行周期-分钟、小时单位
    handleExecuteNum(e) {
      console.log(typeof e); // number
      this.executeCycleUnit = e
    },
}

在这里插入图片描述

未来的路很长,也很短。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值