Ich hoffe, Sie k?nnen über Beispiele für die Verwendung von js oder jquery anstelle von Vue und anderen Frameworks sprechen
Es tut mir leid, dass ich es nicht klargestellt habe. Ich meine damit, Daten zu verwenden, um die Aktualisierung der Benutzeroberfl?che voranzutreiben, anstatt gleichzeitig die Daten und die Benutzeroberfl?che zu aktualisieren, wie im Beispiel unten
var tabSwitch = (function(){
var lastIndex = 0;
return function(){
// 點擊tab導航,觸發(fā)tab切換事件
$('.oa-tab').on("click", ".oa-tab-nav", function(e){
var index = $(this).index();
$(".oa-tab").trigger("tab.switch", index);
});
$(".oa-tab").on("tab.switch", function(e, index){
// 更新tab導航
$(".oa-tab-nav").eq(lastIndex).removeClass('active');
$(".oa-tab-nav").eq(index).addClass('active');
// 更新tab內(nèi)容
$(".oa-tab-item").eq(lastIndex).removeClass('active');
$(".oa-tab-item").eq(index).addClass('active');
lastIndex = index;
});
// 初始化觸發(fā)
$(".oa-tab").trigger("tab.switch", 0);
};
})();
tabSwitch();
人生最曼妙的風景,竟是內(nèi)心的淡定與從容!
樓主說的顯示區(qū)域只有一個,只是根據(jù)上面的選項來重新生成加載數(shù)據(jù)在該顯示區(qū)域?如果是這樣子的話,其實就是點擊選項的時候,先清空顯示區(qū)域,再調用對應的數(shù)據(jù)并生成對應的樣子然后添加到該顯示區(qū)域就可以了