博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
mint-ui vue双向绑定
阅读量:7212 次
发布时间:2019-06-29

本文共 1113 字,大约阅读时间需要 3 分钟。

由于最近项目需求,用上了mint-ui来重构移动端页面,从框架本身来讲我觉得很强大了,用起来也很不错,但是文档就真的是,,,,让我无言以对,给的api对于我们这些小菜鸟来讲真的是处处是坑呀(ps:用vue的主要目的是方便数据双向绑定,所以并没有配置vue的环境,webpack,node等)

mint-ui Toast

官网文档示例:

1 Toast({2   message: 'Upload Complete',3   position: 'bottom',4   duration: 50005 });

实际应用:

1 this.$toast({2                    message: '提示信息',3                    position: 'middle',4                    duration: 30005                });

mint-ui MessageBox

官网文档示例:

1 MessageBox({2   title: 'Notice',3   message: 'Are you sure?',4   showCancelButton: true5 });

实际应用:

this.$messagebox.confirm('确定执行此操作?')                                .then(action => {                                    this.cancel = false;                                })                                .catch(action => {                                    this.cancel = true;                                });

mint-ui Field

mt-field type="date"初始化的时候预置值格式

1 

mint-ui Switch

事件change ,API文档里面写返回一个checked:boolen值,但是直接在change事件里面取出来的checked值却和mt-switch绑定的value相反,所以还是只能监听value的变化

 

转载于:https://www.cnblogs.com/liuhongli/p/7614722.html

你可能感兴趣的文章
ASP.NET MVC路由扩展:路由映射
查看>>
【LeetCode从零单排】No118 Pascal's Triangle
查看>>
怎么建立网站?
查看>>
长得像鳗鱼的Envirobot,利用传感器检测并追踪水中有害元素
查看>>
剖析 epoll ET/LT 触发方式的性能差异误解(定性分析)
查看>>
1-2 输出N个数的平方和立方值
查看>>
实践 Redux,第 1 部分: Redux-ORM 基础
查看>>
中国人工智能学会通讯——AI时代的若干伦理问题及策略 1.3 构建算法治理的内外部约束机制...
查看>>
打造具有物联网基因的现代化商业银行
查看>>
英特尔携手AT&T和爱立信进行DIRECTV NOW流媒体直播服务的5G试验
查看>>
关键时刻不可或缺的5款高科技紧急应用
查看>>
NSA方程式泄漏工具包浅析
查看>>
微服务,我们如何与你相处
查看>>
中国人工智能学会通讯——KS-Studio:一个知识计算引擎 1.2 知识图谱构建
查看>>
“Redirect to SMB”漏洞影响所有版本的Windows
查看>>
东方通没有创造中间件 却在定义中间件的“化蝶”
查看>>
物联网其实只是一个话题
查看>>
CloudCC:2017年下半年企业移动CRM市场风向窥测
查看>>
《并行计算的编程模型》一3.8.3 原子交换和条件交换
查看>>
备份不等于归档,在智能归档中备份资产!
查看>>