从后端获取数据id拼接到a链接,跳转后获取链接id值,并在新页面调取数据
<div id="aa">
<a v-bind:href="['1.html'+'?id='+tab.id]"></a>
</div>
var c_url = 'url';
//团建计划
$.ajax({
type:"GET",
url:c_url+'/plan/index',
dataType: "json",
success: function(res){
console.log(res.data.records);
new Vue(
{
el: "#aa",
data: {
tabs:res.data.records,
},
}
);
}
});
如此传递拼接跳转后页面为 : 1.html?id=1
然后再1.html页面内获取id的值,并且在此接口中获取其他数据并且展示;
<div id='bb'>{{tab.title}}</div>
function parseUrl(){
var url=location.href;
var i=url.indexOf('?');
if(i==-1)return;
var querystr=url.substr(i+1);
var arr1=querystr.split('&');
var arr2=new Object();
for (i in arr1){
var ta=arr1[i].split('=');
arr2[ta[0]]=ta[1];
}
return arr2;
}
var id = parseUrl().id;//此id就是我们从链接中获取的id的值
var c_url = 'url';
$.ajax({
type:"GET",
url:c_url+'/plan/index',
dataType: "json",
success: function(res){
new Vue(
{
el: "#module4",
data: {
tab:res.data.records[id],
},
}
);
}
});