由于最近项目需求,用上了mint-ui来重构移动端页面,从框架本身来讲我觉得很强大了,用起来也很不错,但是文档就真的是,,,,让我无言以对,给的api对于我们这些小菜鸟来讲真的是处处是坑呀(ps:用vue的主要目的是方便数据双向绑定,所以并没有配置vue的环境,webpack,node等)
mint-ui Toast
官网文档示例:
Toast({
message: 'Upload Complete',
position: 'bottom',
duration: 5000
});
实际应用:
this.$toast({
message: '提示信息',
position: 'middle',
duration: 3000
});
mint-ui MessageBox
官网文档示例:
MessageBox({
title: 'Notice',
message: 'Are you sure?',
showCancelButton: true
});
实际应用:
this.$messagebox.confirm('确定执行此操作?')
.then(action => {
this.cancel = false;
})
.catch(action => {
this.cancel = true;
});
mint-ui Field
mt-field type="date"初始化的时候预置值格式
<template>
<mt-field label="birthday" placeholder="Input birthday" type="date" v-model="birthday"></mt-field>
</tempalte>
<script>
export default{
data(){
return{
birthday:'2017-06-12'
}
},
methods:{}
}
</script>
mint-ui Switch
事件change ,API文档里面写返回一个checked:boolen值,但是直接在change事件里面取出来的checked值却和mt-switch绑定的value相反,所以还是只能监听value的变化