第一種
"end-title"
>
"change(0)" :class=
"">基本資訊
"change(1)" :class=
"">公告資訊
"change(2)" :class=
"">換區資訊
"end-cont" :class=
"">
0資訊"end-cont" :class=
"">
1資訊"end-cont" :class=
"">
2資訊data();
},methods:
} /* 將三個內容view的display設定為none(隱藏) */
.end-title
.end-title view
.end-cont
.btna
.dis
複製**
"end-title"
>
"(item,index) in items" :key=
"index" :class=
"" @tap=
"change(index)"
>
}"end-cont" :class=
"">
0資訊"end-cont" :class=
"">
1資訊"end-cont" :class=
"">
2資訊data();
},methods:
}
"end-title"
>
"(item, index) in items" :key=
"index" :class=
"" @tap=
"change(index)"
>
}"end-cont" :class=
"">
"end-cont" :class=
"">
"end-cont" :class=
"">
// 匯入子元件
import child1 from '../../component/myorder/whole.vue'
;import child2 from '../../component/myorder/tobedelivered.vue'
;import child3 from '../../component/myorder/goodstobereceived.vue'
;export default ,
選項卡切換
方法一 class box class title 111h2 222h2 333h2 444h2 div class cont 第乙個新聞內容p 第二個新聞內容p 第三個新聞內容p 第四個新聞內容p div div var ah2 document.queryselectorall title h...
選項卡切換
引用 相信使用過android手機的朋友都見過下面樣子的選項卡，本文我們嘗試做的演示。這個選項卡頁面，或者說是標籤卡。分為兩部分 乙個頂部的按鈕 可點選的 的切換卡部分 乙個主內容區 上圖顯示 第二個窗體 字型的 的主顯示區。我們想實現的效果是點選切換的選項卡卡部分，主顯示區的內容隨之改變。那麼我們...
react tab選項卡切換
tab選項卡切換是個很常見也很簡單的小功能,用原生js和jq去寫的話可能不到20行 就搞定so easy。但是用react去實現就沒那麼容易了 是自己react比較菜 由於最近在重新學習react就試著寫了乙個tab切換的小列子。還有多可優化的地方希望能拋磚引玉 簡單寫了點注釋 html js im...