本文共 436 字,大约阅读时间需要 1 分钟。
引入 ajax
在router里已经定义了id 点击不同的景点,进入不同详情页
看一下数据能否请求到
看到数据已经被显示出来呢
然后替换掉静态数据
然后子组件还要接收父组件的值
此时数据渲染没有问题
但是当点击第二个景点的时候,并没有进行数据请求
这是缓存的原因
要想每次进去页面,要发送ajax请求,就要添加actived生命周期钩子函数或者是
在APP.vue里添加了keep-alive标签,这表示对每一个组件都加了缓存要是某个组件不要缓存,就在keep-alive上加上
这样的话,每次进入详情页的时候,都会重新加载mounted的钩子函数.
这样数据渲染就ok了
在首页点击进入详情页的时候,会出现布局问题
2、解决滚动条的问题
在路由的router下面加一行代码:
scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 }
}
这里的意思是:每一次路由切换的时候,xy轴的位置都变成0
转载地址:http://nhcen.baihongyu.com/