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

旧城等待， 2022-05-23 12:30 153阅读 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 条评论，153人围观）

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

相关阅读

相关 vue中mint-ui使用

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

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

相关 vue引入Mint-UI

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

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

相关 vue mint-ui 使用手册

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

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

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

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

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

相关 vue使用mint-ui中的问题，打包上线之后mint-ui样式没有覆盖，顺序问题

> 在vue项目中，使用mint-ui组件，想要覆盖掉mint-ui的样式，可以单独建一个scss文件，也可以在各组件用到的地方覆盖掉，（且不说样式的权重，就是想找找茬），开发

快来打我*/ 2022年05月19日 01:20/ 0 赞/ 71 阅读

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

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

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

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9f

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

相关记录使用mint-ui的感想

[mint-ui][] 今天记录一下使用mint-ui的心得，首先说明一下mint-ui是用来做手机端界面的ui库，这个ui库我是做项目的时候使用到了，所以今天简单的说明

待我称王封你为后i/ 2021年11月05日 04:54/ 0 赞/ 309 阅读

相关 vue-mint-ui简单使用

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

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