问题标签 [vuejs-transition]

我有一个分页组件。该async setup()方法从 API 中提取数据以填充页面。直接加载路由时它工作正常，但是当我将路由更改为不同的页面 slug（例如单击路由器链接）时，组件不会重新加载并且setup不会再次执行以获取新数据。

我想我想强制重新加载组件？

这是我的MainApp组件，它具有路由器视图和后备。

路由器看起来有点像。您会看到页面组件采用page_slug：

这就是我的 Page 组件的样子。它使用page_slug从 API 加载数据，然后在模板中使用：

当我直接打开路由时，会很好地显示回退“正在加载...”，直到返回数据并渲染组件。但是当我对另一个页面进行路由更改时，则async setup()不会再次执行。在这种情况下，浏览器中的 url 会更新，但数据保持不变。

我该如何解决这个案子？我是否必须以某种方式强制重新加载组件？或者对数据加载有完全不同的架构？

我是 vuejs 的新手，我有问题。看我的代码

模板：

脚本：

风格：

现在我的问题是当鼠标进入 li 时，所有 li 转换工作并显示信息类。我知道它是因为isHover变量。但我不知道在使用$(this).find(CHILD). 我搜索了很多，但没有找到解决方案...

我正在尝试将旧版应用程序从 Vue 2 转换为 Vue 3。我对 Vue 不是很熟悉，我正在尝试遵循他们在其文档网站上提供的新迁移模板，但我遇到了问题。我没有收到任何 JS 控制台错误，但我的 Vue 代码不再呈现。

现有代码

我对 Vue 3 迁移的尝试

HTML