关于Vue this嵌套使用this 报错Uncaught (in promise) TypeError: Cannot read property ‘$refs‘ of undefined

最新推荐文章于 2025-03-18 20:22:54 发布

夕阳丬桥

最新推荐文章于 2025-03-18 20:22:54 发布

阅读量1.5k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_36094686/article/details/119808141

版权

vue 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在Vue组件中遇到的this指向难题，通过实例演示如何使用let that = this来确保$refs的正确引用。重点在于理解this的陷阱和如何避免在深度嵌套时出现问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

类似于这种：

  this.$confirm('确定删除吗？删除后不可恢复！！！', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
 		this.$refs.tableData.selection
      })

this嵌套this时
因为this嵌套指向问题，所以找不到$refs
需要在最外层定义一个 let that=this ，来保证他指向的是最顶层的this

 let that=this
  this.$confirm('确定删除吗？删除后不可恢复！！！', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
 		that.$refs.tableData.selection
      })