1. 程式人生 > >uni_app 導航欄自定義

uni_app 導航欄自定義

html程式碼

<text v-for="(item,index) in selectList" :key="index" @tap="toggle(index)" :class="[activeIndex==index?'active':'default-active']">{{item}}</text>

//切換方法

toggle(index) {                 this.activeIndex = index             },

特別注意 :class="[activeIndex==index?'active':'default-active']" 這個之前用的是:class="{'active':activeIndex==index,'default-active':activeIndex!=index}"第二種方法在微信開發工具上正常,但是在手機上會出現導航欄渲染不完的BUG