首页 > 解决方案 > 无法从 Vue3 中的实例更新组件数据

问题描述

由于在 Vue3 中引入了 Promise 对象,我无法从其实例对象(通过$refs)更新组件。

我需要这个,以便我可以将组件实例传递给一个函数并对其运行一些操作,而无需管理父组件中的一堆变量。这是一个 Quasar 框架组件,所以我不能使用 store 从内部更新它。

是否有一种解决方法我可以用来更新组件值而不在<template>?

标签: vue.jsvue-componentvuejs3

解决方案


我认为最好的解决方案是使用应用程序级存储,您可以避免很多不必要的麻烦,并且应用程序的可读性肯定会提高。

你可以使用https://next.vuex.vuejs.org/https://pinia.esm.dev/

另一种选择是使用事件总线,对于 vue 3,最好使用https://github.com/developit/mitt 但要跨各种组件使用数据,使用商店总是更好


推荐阅读