遇到的问题:Mint UI的Navbar时,默认展示的项,直接copy的Mint UI组件库代码,初始化数据的时候 给 selected初始值为数值型1,然后页面怎么都不能默认展示,怎么试都不灵,后查了很多,才知道,这要初始个字符串1;希望看到的人少走弯;

<template>
    <div class="nav-wrap">
        <mt-navbar v-model="selected">
          <mt-tab-item id="1">option A</mt-tab-item>
          <mt-tab-item id="2">option B</mt-tab-item>
          <mt-tab-item id="3">option C</mt-tab-item>
        </mt-navbar>
        <mt-tab-container v-model="selected">
          <mt-tab-container-item id="1">
            <mt-cell v-for="n in 10" :title="'content ' + n" />
          </mt-tab-container-item>
          <mt-tab-container-item id="2">
            <mt-cell v-for="n in 4" :title="'content ' + n" />
          </mt-tab-container-item>
          <mt-tab-container-item id="3">
            <mt-cell v-for="n in 6" :title="'content ' + n" />
          </mt-tab-container-item>
        </mt-tab-container>
    </div>
</template>
<script>

    export default {
      data () {
        return{
            selected:'1',//注意就是这里,默认选字符串数字,不然初始没展示;
        }
      }
    }
</script>
<style>

</style>
Logo

前往低代码交流专区

更多推荐