用了mint官網(wǎng)的tabbar和tabContainer。但是默認(rèn)不顯示第一個(gè)選項(xiàng)卡。必須點(diǎn)一下才顯示對(duì)應(yīng)的選項(xiàng)卡內(nèi)容.我給第一個(gè)選項(xiàng)卡加了一個(gè)is-selected的class名不好使。mint應(yīng)該有自己的默認(rèn)的方法吧？我在文檔里沒(méi)看到有寫。

<template>
  <div>
      <mt-tab-container v-model="selected">
            <mt-tab-container-item id="index">
                <mt-cell title="tab-container 1"></mt-cell>
            </mt-tab-container-item>
            <mt-tab-container-item id="news">
                <mt-cell title="tab-container 2"></mt-cell>
            </mt-tab-container-item>
            <mt-tab-container-item id="usercenter">
                <mt-cell title="tab-container 3"></mt-cell>
            </mt-tab-container-item>
        </mt-tab-container>
    <mt-tabbar v-model="selected">
        <mt-tab-item id="index" @click="reid()">
            <img slot="icon" src="">
            外賣
        </mt-tab-item>
        <mt-tab-item id="news">
            <img slot="icon" src="">
            訂單
        </mt-tab-item>
        <mt-tab-item id="usercenter">
            <img slot="icon" src="">
            我的
        </mt-tab-item>
    </mt-tabbar>

  </div>
</template>

<script>


export default {
    data(){
        return{
            selected:'',
            isActive:true,
            active:'is-selected'
        }
    },
    mounted(){
        // let icondiv = document.getElementsByClassName("mint-tab-item-icon")
        // console.log(icondiv)
        // icondiv[0].classList.add("iconfont icon-shouye")
        // icondiv[1].classList.add("iconfont icon-xinwen")
        // icondiv[2].classList.add("iconfont icon-xinwen")

    },
    methods:{
        reid(){
            console.log(this.value)
        }
    }
}
</script>

<style scoped lang="stylus">

</style>

默認(rèn)未被選中顯示空白

點(diǎn)擊底部導(dǎo)航后

怎么才能設(shè)置默認(rèn)被選中呢