当前位置 > 主页 > 设计培训 >

vue中mint

  • 时间:2020-01-15 10:31 / 来源:网络整理 / 作者:admin / 点击:
  •       也即说,你在选项卡一拉出好几页数据以后,再到选项卡二,骨碌条的地位是决不会变的,你的选项卡二的情节,会被拉出几多页的数据。

          指望经过此文能对速决类似情况有个举一反三的引导,也得以扶助到有类似情况的同窗。

          它的装置也很简略,在方才的新项目根目次下,运转:$npminstall--save申博网娱乐然后,把./src/main.js里的情节,追加Mint-UI的相干代码,即改为:importVuefromvueimportAppfrom./App.vueimportrouterfrom./routerimportMintUIfrom申博网娱乐//加这一条龙import申博网娱乐/lib/style.css//和加这一条龙Vue.use(MintUI)//再有加这一条龙Vue.config.productionTip=falsenewVue(,然后重新本土运转即可。

          本人写的一个,好不便。

          2.Infinitescroll和Navbar组合应用Navbar是这样的↓Infinitescroll是这样的↓两个组合兴起,即把Infinitescroll嵌套在里,然后效果就出了。

          在Infinite-Scroll里,添加一个v-if=selected==id,把Infinite-scroll和选项卡的id、selected相组合,选中的selected与id对应的时节,才进展对应的Infinite-Scroll。

          即若全体引入,缩小后的文书体积也仅有~30kb(JS+CSS)gzip。

          有个小情况即,这是一个页面,骨碌条是共用的。

          这时候,得以改动`./config/index.js`文书中的assetsPublicPath布置,改为相对应的相对途径。

          兼容情况骨碌条相距scrollTop断定这是头个兼容情况,得以从这PR上明白情况的因:因即不一样溜器厂商,对scrollTop的识莫不是不一样的。

          之上即正文的全体情节,指望对大伙儿的念书有所扶助,也指望大伙儿多多撑持本子之家。

          装置vue-cli很简略,参考:Installation。



    (责任编辑:admin)
    ------分隔线----------------------------