我有使用 nuxt 属性的 v-tabs 页面,每个选项卡都指向一个动态路由

cars/_brand_name/index.vue(使 _brand_name 成为必需参数)

当我加载页面 /cars/bmw:mounted get 被成功调用但在切换到其他选项卡后 URL 正确更新但页面不再重新呈现,mounted 不再被调用。

我是否错过了生命周期的某些部分? 我应该观看路线参数并强制页面重新加载吗? 我不记得需要单独用 Vue 来做这件事。

#1楼 票数:2 已采纳

这通常是在路由组件与之前的路由相同时引起的。 强制 Vue 重新渲染页面的最佳方法是在路由器上设置一个唯一值的:key属性,通常使用$route.fullPath

像这样更新你的路由器视图。

<router-view :key="$route.fullPath"></router-view>

  ask by user2767399 translate from so

未解决问题?本站智能推荐:

1回复

测试使用Vuetify的NuxtJS组件

我想在使用 Vuetify 的 NuxtJS 项目中用玩笑对组件进行单元测试。 当我想选择一个按钮 (v-btn) 时,jest 输出以下内容: 我按照 vuetify 的官方文档进行单元测试。 任何想法这里有什么问题?
5回复

如何在nuxtjs中使用vuetify作为插件?

我需要在我的 nuxt js 项目中使用 vuetify 作为插件。 我试过包@nuxtjs/vuetify但得到错误 无法分配给对象“#”的只读属性“base” 我已经在本地服务器和共享主机上从官方代码和盒子在线游乐场安装了我的 nuxt 项目。 我一直都遇到同样的错误。 我尝试使用npm和ya
1回复

@nuxtjs/vuetify没有应用样式

我在 Nuxt 项目中使用 vuetify 时遇到问题,我按照文档说您只需要将@nuxtjs/vuetify依赖项安装到您的项目中,并在您的nuxt.config.js文件的buildModules部分添加一行。 这些组件工作正常,但我没有看到任何 css 样式,怎么了? 这是我的 nuxt.co
1回复

使用nuxtjs-vuetify全局加载main.sass

我正在开发一个nuxt-vuetify-app 我想全局加载我的main.scss文件。 这是我的package.json } 我在nuxt.config.json上工作,我尝试了类似的东西 } 但这不会加载任何东西; 我已经试过了(允许文档) 但这给了我这个错误: 你有什么建议吗? 编辑我找到
1回复

使用Nuxtjs创建一个新页面

大家好我试图创建一个包含组件的新页面,当我启动npm run dev时出现以下错误: 用户页面调用组件,允许通过vuetify UI组件创建用户的数据表 // pages / user.js 我过去包含用户对象的数据,并在我在数据表中显示之后 // components /
2回复

错误:找不到模块`@nuxtjs/vuetify`

当我安装 @nuxtjs/vuetify 它没有安装它显示错误。 看图片
1回复

Tapable.plugin已弃用NuxtJS/Vuetify

我不确定这是否与Nuxt JS或Vuetify有关。 最近,在用Vuetify设置了新的Nuxt JS项目之后,我遇到了与tapable.plugin有关的错误。 运行任何npm run命令时都会显示此错误(例如: npm run dev ) 这是错误: 我不确定如何解决此错误,还
1回复

如何在nuxtjs中用作vuetify主题颜色

我用 create nuxt 应用程序创建了一个 nuxt 应用程序,在创建时我选择了 vuetify ramework。 在文件nuxt.config.js 中,有一个配置主题颜色的对象。vuetify: { customVariables: ['~/assets/variables.scs