vue使用Mint UI的Navbar时默认展示项

旧城等待， 2022-05-23 12:30 187阅读 0赞

遇到的问题：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>

发表评论取消回复

表情：

评论列表（有 0 条评论，187人围观）

还没有评论，来说两句吧...

相关阅读

相关 mint-ui使用

mint-ui 的使用 [mint-ui官网][mint-ui] 1. 安装 npm install mint-ui -S 1. 引入项目全局

爱被打了一巴掌/ 2023年07月18日 09:09/ 0 赞/ 17 阅读

相关 Vue框架Element UI+Mint UI教程汇总

[https://www.jianshu.com/p/6295ee6974c9][https_www.jianshu.com_p_6295ee6974c9] [https_

布满荆棘的人生/ 2023年06月11日 05:30/ 0 赞/ 13 阅读

相关 vue中mint-ui使用

mint-ui 如何按需引入 cnpm i mint-ui -S 注意：npm下载出现问题（终端中出现Error红色提示，就得重新下载），用cnpm替换npm

骑猪看日落/ 2022年11月27日 03:17/ 0 赞/ 157 阅读

相关 vue引入Mint-UI

Mint-UI是Vue的一个移动端组件库。中文官网：[http://mint-ui.github.io/\!/zh-cn][http_mint-ui.g

「爱情、让人受尽委屈。」/ 2022年06月12日 03:27/ 0 赞/ 185 阅读

相关 vue mint-ui 使用手册

npm 安装推荐使用 npm 的方式安装，它能更好地和 [webpack][] 打包工具配合使用。 npm i mint-ui -S CDN 目前可以

骑猪看日落/ 2022年06月08日 14:51/ 0 赞/ 258 阅读

相关 vue使用Mint UI的Navbar时默认展示项

遇到的问题：Mint UI的Navbar时,默认展示的项，直接copy的Mint UI组件库代码，初始化数据的时候给 selected初始值为数值型1，然后页面怎么都不能默认

旧城等待，/ 2022年05月23日 12:30/ 0 赞/ 188 阅读

相关 vue修改mint-ui默认样式

vue修改mint-ui默认样式用mint-ui使用switch开关时。与主题颜色不匹配 ![20181122181331439.png][]

女爷i/ 2022年04月15日 06:40/ 0 赞/ 353 阅读

相关 mint-ui的navbar导航栏的填坑

mint-ui的navbar导航栏的填坑用官方的demo直接导入到项目中有问题 1、引入 import { Navba

谁践踏了优雅/ 2022年04月15日 04:26/ 0 赞/ 248 阅读

相关 vue项目中使用mint-ui添加loading

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9f

灰太狼/ 2022年03月10日 15:54/ 0 赞/ 303 阅读

相关 vue-mint-ui简单使用

首先项目用到了mint-ui 安装 cnpm i mint-ui -S 然后按照官网的操作，将mint-ui导入main.js ![watermark_type_Zm

你的名字/ 2021年09月19日 11:02/ 0 赞/ 325 阅读