vue点tab不刷新页面_如何使tab页切换 页面不刷新

编写js结构：

var tit=document.getElementById('tit');

var lis1=tit.getElementsByTagName('li');

// alert(lis1.length);//3

var con=document.getElementById("con");

var lis2=con.getElementsByTagName("li");

for (var i = 0; i < lis1.length; i++) {

//第一个for循环是给每个标题添加点击事件

lis1[i].οnclick=function () {

for (var i = 0; i < lis1.length; i++) {

//遍历每个标题找出当前点击得标题

lis1[i].className="";

lis2[i].className="";

if (lis1[i]==this) {//this指向当前点击得标题

lis1[i].className="select";

lis2[i].className="show";

};

};

}

};