Vuejs (PrimeVue)边栏组件不工作

Question

我有一个PrimeVue边栏组件，如下所示，并传入一个动态组件给它。(现在它是一个单独的组件，只是为了让它启动和运行)。

该组件显示很棒，并且它包含一些文本输入字段，当侧栏关闭时，我希望保留它们的值。即用户键入一些数据，关闭侧边栏，然后重新打开，并且键入的内容仍然在那里供他们继续。

我尝试过将组件包装在中，但似乎不起作用，如下所示。

我似乎就是不能让它工作--任何帮助都将不胜感激！

运行Vue3，PrimeVue 3使用Vite。

谢谢

Answer 1

浏览Primevue侧边栏来源，av-if每次侧边栏被隐藏时都会将其销毁。发生这种情况是因为v-if有条件地添加和删除元素/组件(v-show只是用CSS隐藏了一些东西)。

This isn't related to your dynamic component or , and even a regular text input in the Sidebar slot would be lost in the same way.
You should store the values of your form inputs in Vuex, or some global state, so that your component can pick up the values when it re-renders.