vue ajax和数据传递

引入 ajax

在router里已经定义了id 点击不同的景点,进入不同详情页

看一下数据能否请求到

看到数据已经被显示出来呢

然后替换掉静态数据

然后子组件还要接收父组件的值

此时数据渲染没有问题

但是当点击第二个景点的时候,并没有进行数据请求

这是缓存的原因

要想每次进去页面,要发送ajax请求,就要添加actived生命周期钩子函数或者是

在APP.vue里添加了keep-alive标签,这表示对每一个组件都加了缓存要是某个组件不要缓存,就在keep-alive上加上

这样的话,每次进入详情页的时候,都会重新加载mounted的钩子函数.

这样数据渲染就ok了

在首页点击进入详情页的时候,会出现布局问题

2、解决滚动条的问题

在路由的router下面加一行代码：

1. scrollBehavior (to, from, savedPosition) {

2. return { x: 0, y: 0 }

3. }

这里的意思是：每一次路由切换的时候，xy轴的位置都变成0