Vue3使用ref绑定组件获取valueRef.value为null的解决

懒洋洋懒羊羊

于 2024-07-08 14:08:24 发布

阅读量2.1k

点赞数 4

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_45827438/article/details/140264319

版权

问题：

onMounted(() => {
  nextTick(()=>{
    console.log(treeselectRef, 'treeselectRef.value');
    console.log(treeselectRef.value, 'treeselectRef.value');
  });
});

输出：

查看绑定和定义都没有问题，还是获取不到

解决：使用getCurrentInstance去访问$refs里的方法

具体操作如下：（查询以后发现原先的ctx在线上会出现问题，需要使用proxy代替ctx）

<script setup>
import { getCurrentInstance } from 'vue';

const {proxy}=getCurrentInstance()

function getBaseTime() {

    proxy.$refs.treeselectRef.clear()
    
  }
}
</script>