5步学会Vue页面级路由传参。

例子:点击4个元素 跳转到内容数据不同的页面。

思路:通过点击事件,传递一个参数给服务器,服务器(模拟服务器)根据传递过来的参数,动态请求数据,将数据绑定到接口,供子组件渲染。

步骤1:给a添加点击事件,触发方法send(n),设置跳转页面并 传递id=n

步骤2:page页面接收传送过来的id,处理数据,并返回数据:

数据放到接口,给子组件动态渲染。

步骤3:配置api服务器。处理跨域传参。

步骤4:设置请求地址:添加id接口

步骤5:设置apis.js+id

OK,start~

猜你喜欢

转载自blog.csdn.net/Crazy_Oranges/article/details/81411121