为了账号安全,请及时绑定邮箱和手机立即绑定

Vue组件复用 - router变化 导致请求只发生一次

2020.09.17 10:19 5735浏览

组件复用 - router变化 导致请求只发生一次

导航 main.vue

	<div v-for='c in list'>
		<div @click='onClick(c)'></div>
	<div>
	export default{
		data(){
			return{
				list:[
					{name:'ddd',price:9999},
					{name:'cccc',price:9999}
					]
			}
		},
		methods:{
			onClick(c){
				this.$router.push({
					name:"detail",
					params:{name:c.name}
				})
			}
		}
	}

detail.vue

	create(){
		console.log('发送详情获取请求');//只执行一次,需求是要每次切换路由到详情页都要执行
	}

route.js

	{
		path:'/main'
		name:'/main',
		component:()= import('../views/Main.vue'),
		children:[
			{
				path:'/main/course/:name',
				name:'detail',
				component:()=> import('../views/Detail.vue')
			}
		]
	}

修改detail.vue 增加watch监听route

	watch:{
		$route:{
			immediate:true,//初始化就执行一次
			handle(){
				console.log('发送详情获取请求')
			}
		}
	}
点击查看更多内容

本文原创发布于慕课网 ,转载请注明出处,谢谢合作

1人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消