vue3.x 使用$refs未定义,Cannot read property ‘$refs‘ of undefined

76 篇文章 0 订阅
27 篇文章 2 订阅
1. 场景:el-form 表单校验获取ref未定义
2. 解决方法:vue3.x 中setup使用箭头函数,获取this失败,不使用箭头函数

2.1 js 代码

function sureBizOrg (busAreaRef) {
  this.$refs[busAreaRef].validate((valid) => {
    if (valid) {
     	doing()
    } else {
		doing()
	}
  })
}

Vue3.0中setup函数的使用

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这个错误是因为在Vue3中,当你访问一个未定义的属性时会报错。具体地说,当你尝试访问`$refs`属性时出现了错误。引用提到了一种类似的错误信息,即"TypeError: Cannot read properties of undefined (reading 'xxx')"。而引用和引用则给出了一些可能的解决方法。 要解决这个错误,首先要确定`$refs`属性是否正确定义。在Vue3中,你可以在模板中使用`ref`指令将一个元素或组件绑定到一个引用上。确保你已经正确地使用了`ref`指令,并且在对应的位置给`ref`赋值。 另外,还要确保你在访问`$refs`属性之前,对应的元素或组件已经被渲染完毕。因为在组件还没有渲染完成之前,`$refs`属性是不可用的。 如果你的代码中确实定义了`$refs`属性并且元素或组件已经被渲染完毕,但仍然出现这个错误,那可能是因为你在访问`$refs`属性的时候,上下文对象`ctx`并没有正确地被传递或者定义。请仔细检查你的代码逻辑,确保上下文对象被正确地传递给了相关组件。 综上所述,解决这个错误的方法包括: 1. 确保`$refs`属性正确定义并且元素或组件已经被渲染完毕。 2. 检查上下文对象`ctx`是否正确传递和定义。 希望我的回答能够帮到你解决问题!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【vue3项目】解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)](https://blog.csdn.net/weixin_52834435/article/details/126301236)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值