mint-ui在vue中的使用供大家参考，具体内容如下

首先放上mint-ui中文文档

近来在使用mint-ui发现部分插件在讲解上并不是很详细，部分实例找不到使用的代码github上面的分享，里面都是markdown文件内容就是网上的文档
刚好自己在用，网上能找到的資料也不是很详细自己写写咯。持续...emmmmm应该可以吧，我这么懒希望能给别人带来帮助。

• Mint UI 包含丰富的 CSS 和 JS 组件能够满足日常的移动端开發需要。通过它可以快速构建出风格统一的页面，提升开发效率

• 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件无需再纠结文件体积过大。

• 考虑到移动端的性能门槛Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排从而使用户获得流畅順滑的体验。

这个组件库适合于基于vue的手机页面开发。

在做的时候想做成文字和switch在列表的两侧。效果出不来发现有很多人跟我一样迉命的钻switch的文档，以及找switch的相关资料然后实际上，应该用cell才对

利用cell的布局，和switch相结合产生下面的结果。

这样基本页面就出来了

有個小问题就是，这是一个页面滚动条是共用的。也就是说你在选项卡一拉出来好几页数据之后，再到选项卡二滚动条的位置是不会變的，你的选项卡二的内容会被拉出来好多页的数据。如果某个选项卡的数据比较少会影响到其他选项卡的数据加载。

根据需要v-if的條件进行修改。

v-infinite-scroll up 所绑定的方法会在vue的mounted之后，之前第一次执行不需要另外调用。

这里有个很简洁的三级联动之前要用的时候没找到。洎己写的一个好麻烦。先放图

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

以上就是vue中mint-ui使用详解的详细内容更多请关紸php中文网其它相关文章！

mint-ui在vue中的使用供大家参考，具体内容如下

首先放上mint-ui中文文档

近来在使用mint-ui发现部分插件在讲解上并不是很详细，部分实例找不到使用的代码github上面的分享，里面都是markdown文件内容就是网上的文档
刚好自己在用，网上能找到的資料也不是很详细自己写写咯。持续...emmmmm应该可以吧，我这么懒希望能给别人带来帮助。

• Mint UI 包含丰富的 CSS 和 JS 组件能够满足日常的移动端开發需要。通过它可以快速构建出风格统一的页面，提升开发效率

• 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件无需再纠结文件体积过大。

• 考虑到移动端的性能门槛Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排从而使用户获得流畅順滑的体验。

这个组件库适合于基于vue的手机页面开发。

在做的时候想做成文字和switch在列表的两侧。效果出不来发现有很多人跟我一样迉命的钻switch的文档，以及找switch的相关资料然后实际上，应该用cell才对

利用cell的布局，和switch相结合产生下面的结果。

这样基本页面就出来了

有個小问题就是，这是一个页面滚动条是共用的。也就是说你在选项卡一拉出来好几页数据之后，再到选项卡二滚动条的位置是不会變的，你的选项卡二的内容会被拉出来好多页的数据。如果某个选项卡的数据比较少会影响到其他选项卡的数据加载。

根据需要v-if的條件进行修改。

v-infinite-scroll up 所绑定的方法会在vue的mounted之后，之前第一次执行不需要另外调用。

这里有个很简洁的三级联动之前要用的时候没找到。洎己写的一个好麻烦。先放图

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

以上就是vue中mint-ui使用详解的详细内容更多请关紸php中文网其它相关文章！