Mint-Ui

Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法

通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点，因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的，所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多，所以对于无限滚动加载不需要写首次载入列表的函数，代码如下：html://父组件//LifeLists组件：LifeListItem组件：{{item.title}}{{item.monetaryUnit}}{{ite
蓓蕾心晴·2017-12-23 08:01

vue-better-scroll 一个vue的上拉加载下拉刷新插件

vue-better-scrollAvuepluginsbasedonbetter-scroll最近写移动端项目，下拉刷新、上拉加载的场景很常见，发现mint-ui的Loadmore组件效果体验不尽如人意
weixin_34306593·2017-12-14 10:57

vue2.0 常用的 UI 库实例讲解

1.mint-ui安装：npminstallmint-ui--save使用：main.js//MintUI组件库importMintUIfrom'mint-ui'import'mint-ui/lib/style.css'Vue.use
每天都要进步一点点·2017-12-12 09:07

mint-ui loadmore 上拉加载的坑

{{item}}1.一定要给的父元素添加overflow:scroll属性，不然上拉加载无法使用。
iulyf·2017-12-11 16:16

笔记2

$ref.索引名来调用使用mint-ui,可以用来创建两个按钮这样可以有两个一样大小的按钮
除了吃就是睡·2017-12-10 07:05

mint-ui 点击弹出

HTML部分上传附件JS部分data(){return{//点击弹出数据sheetVisible:false,actions:[],}},methods:{takePhoto(){console.log('takingphoto');},openAlbum(){console.log('openingalbum');}},mounted(){this.actions=[{name:'拍照',met
除了吃就是睡·2017-12-10 05:45

基于vue2实现左滑删除功能

左滑删除，很多UI框架里有，比如Mint-UI，Muse-UI等，一开始我们就是用的这两个，但是我们需求是要：左滑的时候出现img然后来实现点击删除，如下：因为用UI框架，还得改底层代码==所以，我们小组就直接写了一个
赵海辛·2017-11-28 10:24

一个完整最少代码的上拉加载（mint-ui的loadmore 和 vue）

这是一个上拉加载的最减代码，其中上拉的数据加载你们自己弄，我这只做的一个演示。html代码：{{data.name}}CSS代码:#content{overflow:scroll;}.item{}.item.name{height:200px;background-color:green;margin-bottom:10px;}JavaScript的代码：varp=10;varvue=newVue
best-toby·2017-11-18 00:40

浅谈mint-ui loadmore组件注意的问题

如下所示：loadTop(){this.$store.dispatch('getNewsList',{channelId:this.id,page:0,size:this.size});this.$refs.loadmore.onTopLoaded();},比如在做下拉刷新的时候，切记在下拉刷新的函数中要加this.$refs.loadmore.onTopLoaded();这行代码，否则下拉加载之
蓓蕾心晴·2017-11-08 09:13

解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题

所遇问题：该页面为双选项卡联动，四个部分都需要上拉加载和下拉刷新功能，使用的mint-ui的loadmore插件，分别加上上拉加载后，只有最后一个的this.
竹生云野处·2017-11-07 12:51

vue 图片上传组件

vue图片上传组件vue图片上传组件，实现批量上传和单张上传功能，控制图片大小，数量，以及压缩处理，利用了mint-ui的提示框监听两个参数，分别是MAX控制最多上传的数量，multiple控制是否批量上传
cuteccc·2017-11-06 21:11

浅谈mint-ui 填坑之路

近期上手vue的移动端项目，舍弃了之前自己相对熟悉的mui框架，改为用饿了么团队为了vue量身定做的mint-ui框架。
Fiend·2017-11-06 14:40

vue使用mint-ui实现下拉刷新和无限滚动的示例代码

在开发web-app中，总会遇到v-for出来的li会有很多，当数据达几百上千条的时候，一起加载出来会造成用户体验很差的效果。这时候我们可以使用无限滚动和下拉刷新来实现控制显示的数量，当刷新到底部的边界的时候会触发无限滚动的事件，再次加载一定数量的条目。还是拿在项目中的功能来举栗子介绍。有个列表，几千条数据，做分页查询，限制每次显示查询20条，每次拉到最后20条边缘的时候，触发无限滚动，这时候会出
我是帅帅的玉米·2017-11-06 11:40

Vue 开源项目库汇总

如有好文章投稿，请点击→这里了解详情UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui
前端大全·2017-11-04 00:00

mint-ui的search组件在键盘显示搜索按钮的实现方法

代码如下所示：解决办法：mint-ui的search组件input默认也是type="search"类型的，但是还需要在外层包一组form标签，并且带有action,就会在键盘中出现搜索按钮。
蓓蕾心晴·2017-10-27 16:34

vue基于mint-ui的城市选择3级联动的示例

/github.com/artiely/Administrative-divisions-of-China（里面包含二级联动数据，三级联动数据，四级联动数据等，找到自己需要的）3、具体代码主要是用到了mint-ui
xilong·2017-10-25 10:56

vue使用mint-ui实现下拉刷新和无限滚动

在开发web-app中，总会遇到v-for出来的li会有很多，当数据达几百上千条的时候，一起加载出来会造成用户体验很差的效果。这时候我们可以使用无限滚动和下拉刷新来实现控制显示的数量，当刷新到底部的边界的时候会触发无限滚动的事件，再次加载一定数量的条目。还是拿在项目中的功能来举栗子介绍。有个列表，几千条数据，做分页查询，限制每次显示查询20条，每次拉到最后20条边缘的时候，触发无限滚动，这时候会出
我是帅帅的玉米·2017-10-25 00:00

vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)

本文介绍了vuemint-ui实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)先去下载一个“省份、城市、区县、乡镇”四级联动数据，然后引入import{Picker}from'mint-ui';
artiely·2017-10-16 17:46

通过vue.js请求数据并实现懒加载

用vue使用mint-ui当然是最好的选择啦。但是由于之前说的原因，我翻看了mint-ui的文档，发现并不适合我这个项目。后来想到用jquery来实现。
李诺哦·2017-10-13 17:36

Vue相关开源项目库汇总(史上最全)

组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui
蔡俊锋·2017-10-13 08:29

vue mintui-Loadmore结合实现下拉刷新和上拉加载示例

我是小11我是小11import{Loadmore}from'mint-ui';exportdefault{data:function(){return{searchCondition:{//分页属性pageNo
焦�c·2017-10-12 11:22

详解vue mint-ui源码解析之loadmore组件

本文介绍了vuemint-ui源码解析之loadmore组件，分享给大家，具体如下：接入官方接入文档mint-uiloadmore文档接入使用Examplehtml↓Loading...释放更新{{item}}css*{margin:0;padding:0;}html,body{height:100%;}#app{height:100%;overflow:scroll;}.scroll-wrapp
qiaoba_gogo·2017-10-11 12:31

vue mint-ui学习笔记之picker的使用

本文介绍了vuemint-uipicker的使用，分享给大家，也给自己留个学习笔记Picker的使用import{Picker}from'mint-ui';Vue.component(Picker.name
michael_ouyang·2017-10-11 11:09

vue中配置mint-ui报css错误问题的解决方法

在vue2.0中引入了mint-ui后总是报一个css的错误但是package.json中已经配置了css-loaderstyle-loader，webpack.config中也已经配置了css，还是报这个错误
luckylqh·2017-10-11 10:21

vue mint-ui 使用手册

npmimint-ui-SCDN目前可以通过unpkg.com/mint-ui获取到最新版本的资源，在页面上引入js和css文件即可开始使用。
itskhdu·2017-09-28 17:34

vue全家桶

2.UI组件库mint-ui，MUI都是不错的ui组件库三.Vue有著名的全家桶系列，包含了vue-router，vuex，vue-res
Merlinfirst·2017-09-25 23:10

使用mint-ui开发项目的一些心得(分享)

Mint-ui：1、Cell开发过程中，有时需要修改mt-cell自带的icon和value的标签样式，这时我们可以在内新添如下标签进行改写：{{productSelected}}mt-cell无法直接绑定
Mistakelzb·2017-09-07 08:25

Vue移动端坑点

1、mint-ui的loadingmore上下拉刷新加载组件会出现无法下拉的情况，解决办法给父级加上：overflow:auto;/*winphone8和android4+*/-webkit-overflow-scrolling
达子玩玩博客·2017-09-04 21:05

mint-ui —— action sheet的使用

Import按需引入：import{Actionsheet}from'mint-ui';Vue.component(Actionsheet.name,Actionsheet);全局导入：全局导入后不用再导入
michael_ouyang·2017-08-25 10:29

vue开源项目库汇总

UI组件element★12468-饿了么出品的Vue2的webUI工具套件Vux★7759-基于Vue和WeUI的组件库iview★6121-基于Vuejs的开源UI组件库mint-ui★5827-Vue2
ChrisCheng0821·2017-08-03 11:54

mint-ui —— switch的使用

Import按需引入：import{Switch}from'mint-ui';Vue.component(Switch.name,Switch);全局导入：全局导入后不用再导入importMintfrom'mint-ui'import'mint-ui
michael_ouyang·2017-07-29 22:31

Vue开源项目库汇总

/www.cnblogs.com/opendigg/p/6513510.htmlUI组件element★9305-饿了么出品的Vue2的webUI工具套件Vux★6802-基于Vue和WeUI的组件库mint-ui
YU_XI·2017-07-17 11:56

vue和mintui-Loadmore结合实现下拉刷新，上拉加载

我是小11我是小11import{Loadmore}from'mint-ui';exportdefault{data:function(){return{searchCondition:{//分页属性pageNo
焦點·2017-06-29 17:43

vue 资料合集

UI组件element★11612-饿了么出品的Vue2的webUI工具套件Vux★7503-基于Vue和WeUI的组件库iview★5801-基于Vuejs的开源UI组件库mint-ui★5517-Vue2
大灰狼的小绵羊哥哥·2017-06-24 15:55

【工程化】从0搭建VueJS移动端组件库开发框架

在参考了mint-ui等业界内成熟的方案之后，我在Vue-Donut的基础上进行了
jrainlau·2017-06-05 00:00

vue.js中mint-ui框架的使用方法

本文为大家分享了vue.js中mint-ui框架的使用方法，具体内容如下1.安装vue2.0的mint-ui框架npminstallmint-ui-save2.引用和使用框架，我用的是全部组件，也可以按需选择加载相应的组件
遇酒·2017-05-12 16:20

Vue搭配mint-ui

/zh-cnmint.ui和Element.ui都是由饿了么ued团队开发的ui框架前者是为移动端服务后者是为后台管理搭建的mint-ui可以全局引入mint-ui只给mt-button添加了点击事件其他组件如果需要添加点击事件需要
Au_labyrinth·2017-04-28 21:05

Vue从入门到精通（7）--第四阶段（下）：进阶

第四阶段（下）vue-router、vue-resource、vuex、mint-ui多页面、跨域问题vue-router、vue-resource、vuex、mint-ui    vue-router
李晓_·2017-04-18 12:38

Vue 开源项目库汇总

参考聊聊架构里面的文章UI组件element★9305-饿了么出品的Vue2的webUI工具套件Vux★6802-基于Vue和WeUI的组件库mint-ui★4776-Vue2的移动UI元素iview★
wangxiaoda·2017-04-12 17:10

Vue开源项目库汇总

UI组件element ★9305-饿了么出品的Vue2的webUI工具套件Vux ★6802-基于Vue和WeUI的组件库mint-ui ★4776-Vue2的移动UI元素iview ★4458-基于
Lucky_LXG·2017-04-01 15:00

Vue 开源项目库汇总

UI组件element★9305-饿了么出品的Vue2的webUI工具套件Vux★6802-基于Vue和WeUI的组件库mint-ui★4776-Vue2的移动UI元素iview★4458-基于Vuejs
cocacola456·2017-03-30 13:45

Mint UI —— 基于 Vue.js 的移动端组件库

写文章登录MintUI——基于Vue.js的移动端组件库杨奕8个月前MintUIGitHub：https://github.com/ElemeFE/mint-ui项目主页：http://mint-ui.github.io
枫丿慕·2017-03-20 18:51

Vue开源项目库汇总

UI组件element★9305-饿了么出品的Vue2的webUI工具套件Vux★6802-基于Vue和WeUI的组件库mint-ui★4776-Vue2的移动UI元素iview★4458-基于Vuejs
OpenDigg·2017-03-07 10:46

富文本编辑器——MintEditor

开发者友好，易于扩展网站：http://mint-ui.wemakers.net/下载：http://git.oschina.net/895925636/mint-ui为什么要开发这个插件原因主要是因为作者在用其他编辑器编写博客时
水牛叔叔·2015-03-23 06:00

jquery表单验证插件——MintValidator

支持ajax验证，支持二维验证网站：http://mint-ui.wemakers.net/下载：http://git.oschina.net/895925636/mint-ui用法MintValidator
水牛叔叔·2015-03-23 06:00

jquery截图插件——MintImgselector

网站：http://mint-ui.wemakers.net/下载：http://git.oschina.net/895925636/mint-ui为什么要开发此插件笔者平时经常要用到上传图片截取头像的功能
水牛叔叔·2015-03-23 06:00

jquery对话框插件——MintDialog

通过接口，可以随时改变标题和窗体，支持拖动，灵活方便网站：http://mint-ui.wemakers.net/下载：http://git.oschina.net/895925636/mint-ui用法引入相关的文件
水牛叔叔·2015-03-23 06:00
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他