vue列表到详情页的实现 vue列表到详情页的实现

路由里边的 router/index.jspath:'/detail/:id' 动态id
列表页渲染时: :to="'/detail/'+item.id"===>id是指请求文章列表的id,可以是aid,bid等等请求列表接口:http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1点击进入路由变http://localhost:8080/#/detail/456详情页需要请求文章详情的接口http://www.phonegap100.com/appapi.php?a=getPortalArticle&aid=456,传入 this.$route.params.id和路由里面一样的id写死mounted(){var aid=this.$route.params.id; //console.log(aid)//调用请求数据的方法this.requestData(aid); }, methods:{requestData(aid){//get请求如果跨域的话后台php java 里面要允许跨域请求var api='http://www.phonegap100.com/appapi.php?a=getPortalArticle&aid='+aid; this.$http.get(api).then((response)=>{ console.log(response); this.detail=response.data.result[0]; //根据数据结构赋值},(err)=>{console.log(err) }) } }

【vue列表到详情页的实现】转载于:https://www.cnblogs.com/lwj820876312/p/9107910.html

vue列表到详情页的实现

推荐阅读

智慧保险的快速发展,未来的保险公司将是什么模样呢？

获取oss的pdf文件，返回文件输出流

2023重庆涪陵3月赏花时间+地点涪陵的花

wnda是什么轮胎 wnda是什么轮胎里面有一层胶

时光与岁月优美短句关于时光岁月的唯美句子

mysql怎么设置字段默认值为0 mysql设置字段为小时

魔兽世界桃乐豆详细介绍

食色,性也究竟是什么意思食色性也是什么意思

什么材质的行李箱好一点什么材质的行李箱好

华为网盘会被和谐吗,华为网盘有什么用？

成都徒步旅行～懒鱼第四天作业

关系胜于一切，关系就是温暖

g三星 Galaxy S22 / S22 +图赏：老设计焕发新感觉

北京医保提到4000北京医保提到4000的原因（北京医保提到4000北京医保

文字代码生成器，谁有日志彩字生成代码器

在网店转让平台上如何让自己的店铺快速出售？有哪些小技巧？

十七岁，我曾有一个朋友

潇潇雨歇是什么意思潇潇雨歇解释

四轴数控车床怎么编程，请大师教教我这个用四轴怎么编程

怎么判断水果是否有毒