// App.vue
<router-view v-if="refpage"></router-view> import { provide, ref, nextTick } from "vue"; export default { setup() { const refpage = ref(true); const reaload = () => { refpage.value = false; nextTick(() => { refpage.value = true; }); }; provide("reaload", reaload); return { refpage }; } }; // xxx.vue <div @click="clickdata">重载组件</div> import { inject } from "vue"; setup(){ const realoads = inject("reaload"); console.log(realoads, "测试"); const clickdata = ()=> { realoads() } return{ clickdata // 绑定到元素上 } } https://vue3js.cn/docs/zh/guide/composition-api-provide-inject.html#%E4%BF%AE%E6%94%B9%E5%93%8D%E5%BA%94%E5%BC%8F-property // 官网 https://blog.csdn.net/qq_41619796/article/details/114533877 //参考这个老哥写的相关文章
- 02-06vue3.0使用vant组件的过程
- 02-06【xingorg1-ui】基于vue3.0从0-1搭建组件库(一)环境配置与目录规划
- 02-06通过key决定是否刷新keep-alive组件的方法
- 02-06IOS Widget(5):小组件刷新机制
- 02-06this.$nextTick().html 页面数据刷新完以后,再执行回调函数中的方法
- 02-06vue中的nextTick实现局部刷新
- 02-06vue 使用nextTick实现数据改变刷新组件
- 02-06vue3.0 nextTick()刷新组件
- 02-06uniapp 刷新video和live-player组件,实现刷新效果
- 02-06《图解Vue3.0》- 第10节 组件注册与使用