Javascript 路由中的动态组件刷新后未在Vue中呈现
我正在Vue中构建一个简单的应用程序,并面临以下问题。以下是我的文件在路由中的外观:Javascript 路由中的动态组件刷新后未在Vue中呈现,javascript,vue.js,Javascript,Vue.js,我正在Vue中构建一个简单的应用程序,并面临以下问题。以下是我的文件在路由中的外观: ... { path: '/movies/:id', name: 'Movies', component: Movies, props: true, }, ... 所以基本上,当我在我的应用程序中点击任何电影时,它都会获取其id并渲染动态组件。问题是当我刷新页面时,例如/movies/12345有一个只有div和appid的空白站点。我在控制台中进行了检查,axios请求
...
{
path: '/movies/:id',
name: 'Movies',
component: Movies,
props: true,
},
...
所以基本上,当我在我的应用程序中点击任何电影时,它都会获取其id并渲染动态组件。问题是当我刷新页面时,例如/movies/12345
有一个只有div
和app
id的空白站点。我在控制台中进行了检查,axios请求起作用,因此我可以获得有关电影的信息,但无法呈现它们
我将
从标题
(位于视图文件夹中的每个组件中)移动到App.js
,但它不起作用。因此,文件的结构是:
views
Home
...
App.js
有人知道我哪里出错了吗?理想情况下,在重新加载事件中获取数据后,您应该设置您的状态。。这将触发组件的重新渲染。那个么你们是按照你们的vue js应用程序中实现的状态管理来做的吗?在抓取之后,整个对象都保存在组件的状态中,我想问题出在其他地方,因为在这个组件中也有
头,刷新后也并没有渲染好的,我想我刚刚解决了这个问题。其中一个函数使用了通过路由器传递的数据,而不是获取的数据,因此Vue生成错误,阻止了渲染。无论如何,感谢@bron10Glad花时间学习和帮助。理想情况下,在重新加载事件中获取数据后,您应该设置您的状态。。这将触发组件的重新渲染。那个么你们是按照你们的vue js应用程序中实现的状态管理来做的吗?在抓取之后,整个对象都保存在组件的状态中,我想问题出在其他地方,因为在这个组件中也有头,刷新后也并没有渲染好的,我想我刚刚解决了这个问题。其中一个函数使用了通过路由器传递的数据,而不是获取的数据,因此Vue生成错误,阻止了渲染。无论如何,感谢@bron10Glad花时间学习和帮助