vue3使用getCurrentInstance线上环境报错问题

getCurrentInstance 支持访问内部组件实例。
vue3官网中提示：getCurrentInstance 只暴露给高阶使用场景，典型的比如在库中。强烈反对在应用的代码中使用 getCurrentInstance。请不要把它当作在组合式 API 中获取 this 的替代方案来使用。

在开发环境下使用getCurrentInstance的ctx获取实例没有问题，但是在线上环境会报错，建议使用proxy代替，使用时直接将proxy解构出来

线上环境具体代码如下：

<script setup>
import { onMounted, nextTick, getCurrentInstance } from 'vue'
// 当前实例对象
let currentInstance = ''
// 初始化
onMounted(()=>{
  currentInstance = getCurrentInstance()
  nextTick(()=>{
    drawWidth.value = currentInstance.proxy.$refs['canvasMain'].offsetWidth;
  })
})
</script>

使用ctx示例：

<script setup>
import { onMounted, nextTick, getCurrentInstance } from 'vue'
// 当前实例对象
let currentInstance = ''
// 初始化
onMounted(()=>{
  currentInstance = getCurrentInstance()
  nextTick(()=>{
    drawWidth.value = currentInstance.ctx.$refs.canvasMain.offsetWidth;
  })
})
</script>

参考博客:https://blog.csdn.net/SmartJunTao/article/details/124878135