Vue.js組件tab實(shí)現(xiàn)選項(xiàng)卡切換？這三個(gè)子組件的代碼引用是：在JS//data（）{return{A:“tab1”//默認(rèn)顯示tab1子組件}組件：{“tab1”：tab1，“TAB2”：TAB2

Vue.js組件tab實(shí)現(xiàn)選項(xiàng)卡切換？

這三個(gè)子組件的代碼引用是：在JS//data（）{return{A:“tab1”//默認(rèn)顯示tab1子組件}組件：{“tab1”：tab1，“TAB2”：TAB2，“tab3”：tab3}中引入三個(gè)子組件

最直接的方法都放在一個(gè)控制器中，單擊不同的選項(xiàng)卡，請(qǐng)求數(shù)據(jù)，修改選項(xiàng)卡內(nèi)容的ng include以切換templateurl。更復(fù)雜一點(diǎn)（推薦）：不同的選項(xiàng)卡對(duì)應(yīng)不同的路由（或狀態(tài)），狀態(tài)切換控制器，templateurl

var switchtab=function（tabs，cons，current）{var I，len if（當(dāng)前類型==“undefined”）current=0 if（cons類型==“number”）{current=arguments[1]conts=false}var helper=function（index）{tabs[index].addEventListener（“click”，function（）{this.className.length長(zhǎng)度> 0和this.className.indexOf（“curr”）