https://market.aliyun.com/products/57126001/cmapi011150.html
export default {
data(){
return {
data:{
"showapi_res_code": 0,
"showapi_res_error": "",
"showapi_res_body": {
"ret_code": 0,
"pagebean": {
"allPages": 5,
"contentlist": [
{
"allList": [
{
"height": 433,
"width": 650,
"url": "http://p3.ifengimg.com/cmpp/2016/07/11/10/07fd6e97-684f-4c1d-858c-900acb1fc7d3_size87_w650_h433.jpg"
},
"凤凰娱乐讯 《挑战者联盟》第二季自播出以来，热议不断。在上周六晚20：30播出的功夫主题节目中，“功夫潮男”向佐大展身手，与挑战者联盟成员一起，为观众奉献了一场精彩绝伦的综艺热血秀。",
{
"height": 856,
"width": 600,
"url": "http://p2.ifengimg.com/cmpp/2016/07/11/10/51a88903-475f-49f9-9ffa-47910209e309_size86_w600_h856.jpg"
},
"本期《挑战者联盟》嘉宾们上演“全武行”，还原经典电影武打场面！在《少林足球》经典场景中，向佐带领的“梅门”与挑战者们将一决高下！挑盟成员使出浑身解数，场上局势陷入胶着。陈学冬、薛之谦拼命想要阻拦向佐，却被肌肉贲张的向佐一把扛在肩上，轻松带走！薛之谦只好耍赖胡搅蛮缠，和向佐变成“大鹰捉小鸡”，紧抓向佐衣服不放，躺地被拖数米，不想向佐直接“爆衣”，一秒挣开薛之谦的控制，令薛之谦瞬间傻眼呆立场上！众人在球门前扭成一团，战况激烈得连球门都掀起，令人啼笑皆非热闹非凡。",
"节目中，向佐的精彩表现，更被网友赞为：新一代“综艺小魔王”"
],
"pubDate": "2016-07-11 12:05:29",
"title": "《挑战者联盟》还原少林足球 薛之谦耍赖被”爆衣“",
"channelName": "娱乐最新",
"imageurls": [
{
"height": 433,
"width": 650,
"url": "http://p3.ifengimg.com/cmpp/2016/07/11/10/07fd6e97-684f-4c1d-858c-900acb1fc7d3_size87_w650_h433.jpg"
},
{
"height": 856,
"width": 600,
"url": "http://p2.ifengimg.com/cmpp/2016/07/11/10/51a88903-475f-49f9-9ffa-47910209e309_size86_w600_h856.jpg"
}
],
"desc": "《挑战者联盟》第二季自播出以来，热议不断。在上周六晚20：30播出的功夫主题节目中，“功夫潮男”向佐大展身手，与挑战者联盟成员一起，为观众奉献了一场精彩绝伦的综艺热。薛之谦只好耍赖胡搅蛮缠，和向佐变成“大鹰捉小鸡”，紧抓向佐衣服不放，躺地被拖数米，不想向佐直接“爆衣”，一秒挣开薛之谦的控制，令薛之谦瞬间傻眼呆立场上！",
"source": "凤凰娱乐",
"channelId": "5572a10ab3cdc86cf39001eb",
"nid": "14300662248981139731",
"link": "http://ent.ifeng.com/a/20160711/42649589_0.shtml"
}
],
"currentPage": 1,
"allNum": 96,
"maxResult": 20
}
}
},
aps_ali_011150_title:'',
}
},
methods:{
showDetail(item){
// 点击标题，即可触发此事件
// 在这里，可以设置跳转连接，跳转到新闻详情页
this.aps_ali_011150_title = item.title
}
}
}
<aps-ali-011150 :data="data" @show="showDetail" />
选中的标题：
{{aps_ali_011150_title}}
提示
本案例用的是上面新闻列表的第一条数据
<aps-ali-011150-detail :data="data.showapi_res_body.pagebean.contentlist[0]" />