admin管理员组

文章数量:1633915

问题

多个路由共用一个组件时，mouted()和created()都不会执行，从而无法更新跳转后页面的信息。

如何解决

监听路由变化，更新数据

		watch:{
			$route:{
				handler:'resetData',
			}
		},
		data(){
			return{
				reservoirName: null,
			}
		},
		methods:{
			resetData(){
				console.log(this.$route.meta.title)
				this.reservoirName = this.$route.meta.title;
			}
		}

这里根据路由meta更新响应的信息。

参考：https://blog.csdn/qq_36545813/article/details/108241978
官网参考

本文标签： 多个路由组件页面vue

版权声明：本文标题：vue 多个路由共用同一个页面组件 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1729177448a1188896.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。