vue使用Mint UI的Navbar时默认展示项
遇到的问题:Mint UI的Navbar时,默认展示的项,直接copy的Mint UI组件库代码,初始化数据的时候给 selected初始值为数值型1,然后页面怎么都不能默认展示,怎么试都不灵,后查了很多,才知道,这要初始个字符串1;希望看到的人少走弯;<template><div class="nav-wrap">&am
·
遇到的问题: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>
更多推荐
已为社区贡献6条内容
所有评论(0)