Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)

1、列表页获取json数据   

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)_第1张图片

1-1  页面调用数据,渲染页面

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)_第2张图片

提示:json一定要放在static文件夹中

2、点击循环列表通过id跳转相对应的详情页



2-1   定义路由

Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)_第3张图片

2-2   详情页获取相对应id的数据,并渲染页面


Vue 通过id从列表页跳转到相对的详情页 (数据是获取的本地json数据)_第4张图片

2-3 获取数据   

{{data.company}}

你可能感兴趣的:(vue,页面跳转)