自定義tabs切換顯示不同內容 Vue

2021-10-08 16:35:14 字數 713 閱讀 2091

使用方法:


(1)傳入內容為標題的title陣列


(2)向外傳遞了乙個currentindex的方法,引數就是當前選中標題的索引


根據索引展示不同內容
**示例:

='tab'


>


='tab-tit'


>


for=


'(item,index) in title'


:key=


'index'


:class


='currentindex === index?"on":""' @click=


"on(index)"


>


}<


/span>


<


/div>


<


/div>


<


/template>


export


default},


methods:}}


<


/script>


.tab


.tab-tit


.tab-tit>span


.on<


/style>效果圖:


自定義ScrollView最大內容顯示高度
最近專案中遇到了這樣一種顯示效果，當scrollview中顯示內容量小的時候自適應高度不滾動，當scrollview中顯示內容量大的時候需要將其高度設定為螢幕高度的一半且可以滾動檢視，由於scrollview沒有設定其最大高度的屬性，所以就自定義了乙個scrollview來滿足我們的顯示要求。自定義...


自定義TableViewCell內容
自定義tableviewcell內容 1.可以通過在例項化tablecell的時候，動態新增各個控制項，uitableviewcell tableview uitableview tableviewcellforrowatindexpath nsindexpath indexpath 在通過遍歷，獲...


自定義TableViewCell內容
自定義tableviewcell內容 1.可以通過在例項化tablecell的時候，動態新增各個控制項，uitableviewcell tableview uitableview tableviewcellforrowatindexpath nsindexpath indexpath 在通過遍歷，獲...