MUI结合VUE使用

最新推荐文章于 2025-07-15 15:48:30 发布

转载最新推荐文章于 2025-07-15 15:48:30 发布 · 1.2w 阅读

Javascript 同时被 2 个专栏收录

4 篇文章

订阅专栏

移动APP开发

2 篇文章

订阅专栏

本文介绍如何在Vue项目中集成MUI框架和Plus增强功能，实现页面的右滑关闭及下拉刷新等功能，并展示了如何获取本地存储的时间数据。

vue加载完加载mui,当用到plus时先加载完plus基座再初始化mui

    var t=new Vue({  
                    el:'#app',  
                    data:{  
                        tabledata:[],  
                        countdata:[],  
                        nowtime:'',  
                    },  
                    mounted (){  
                        //mui  
                        mui.plusReady(function(){  
                            mui.init({  
                                swipeBack:true,//启用右滑关闭功能  
                                pullRefresh : {  
                                    container:'#refreshContainer',  
                                    down : {  
                                        contentrefresh: '正在加载...',  
                                      callback :pulldownRefresh   
                                    },...  
                              }  
                            });  
                            t.nowtime=plus.storage.getItem('nowtime');  
                            //其它逻辑  
                    <span style="white-space:pre">  </span>   ......  
                        });  
                          
                  },  
                  filters:{  
                    getPaydatetime:function(value){  
                        var t=value/1000;  
                        return getLocalTime(t);  
                    }  
                  }  
                  });