VUE通过id从列表页跳转到相对的详情页
新闻列表页面:
在这里我用a标签进行跳转,在vue里面可以这样写
1 | <
router-link
:to="{path:'/news',query:{ id:item.NewsID }}" class="around">
router-link
> |
新闻详情页:
1)首先要获取id
1 | var
newsID=
this
.$route.query.id;
6 |
2)拼接到url上面
1 | this
.$http.get(
this
.$store.state.index.ip +
'/api/News/'
+newsID) |
【VUE通过id从列表页跳转到相对的详情页】完整写法:
1 2 3 4 5 6 7 8 | created: function() {
var
newsID=
this
.$route.query.id;
this
.$http.
get
(
this
.$store.state.index.ip +
'/api/News/'
+newsID).then((response) => {
console.log(response);
}).
catch
(function(error) {
console.log(error);
});
} |
转载于:https://www.cnblogs.com/snowhite/p/9122714.html
推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- 一个人的碎碎念
- 我从来不做坏事
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 从蓦然回首到花开在眼前,都是为了更好的明天。
- 西湖游
- gitlab|gitlab 通过备份还原 admin/runner 500 Internal Server Error
- 改变自己,先从自我反思开始
- leetcode|leetcode 92. 反转链表 II