zoukankan      html  css  js  c++  java
  • mint-ui vue双向绑定

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

    mint-ui Toast

    官网文档示例:

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

    实际应用:

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

    mint-ui MessageBox

    官网文档示例:

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

    实际应用:

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

    mint-ui Field

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

     1 <template>    
     2 <mt-field label="birthday" placeholder="Input birthday" type="date" v-model="birthday"></mt-field>
     3 </tempalte>
     4 <script>
     5     export default{
     6          data(){
     7         return{
     8                 birthday:'2017-06-12'
     9             }
    10         },
    11         methods:{}
    12     }
    13 </script>        

    mint-ui Switch

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

  • 相关阅读:
    七十年前往事的回顾:偷窥造酒作坊的裸体男人
    Python画图工具matplotlib的安装
    版本号控制-搭建gitserver
    HDU 4405 概率期望DP
    下载jdk文件后缀是.gz而不是.tar.gz怎么办
    《小亚和小信》小强,你就长点心吧!
    7.11 小结
    动态规划 LCS,LIS
    每秒更新时间 v-text的应用 (解决闪现{}问题)
    vue 引入组件
  • 原文地址:https://www.cnblogs.com/liuhongli/p/7614722.html
Copyright © 2011-2022 走看看