Uniapp

绝地灬酷狼 2023-10-04 13:24 17阅读 0赞

1.uni.navigateBack之后通知上一个页面刷新

uni.navigateBack({
    	delta:1,
    	success: function() {
    		let pages = getCurrentPages(); // 当前页面
    		let beforePage = pages[pages.length - 2]; // 前一个页面
    		beforePage.$vm.refreshDataList(); // 执行前一个页面的刷新函数
    	}
    })

2.手动刷新页面

this.$forceUpdate()

3.全局事件消息

//发送事件消息
    uni.$emit('userInfoReadyCallback',res.data.Data);	
     
    //接受事件消息
    uni.$on("userInfoReadyCallback",function(userInfo){
    	console.log(userinfo);
    })
     
    //接受事件消息，只接收一次然后就移除监听
    uni.$once("userInfoReadyCallback",function(userInfo){
    	console.log(userinfo);
    })
     
    //移除监听
    uni.$off("userInfoReadyCallback",function(e){
    	console.log(e);
    })

4.在浏览器console里调用uniapp的方法。

this.getCurrentPages()[0].saveConfig('function saveconfig');
    
    或者
    
    this.getCurrentPages().slice(-1)[0].saveConfig('function saveconfig');

![20210603102549807.png][]

5.格式化日期时间的公共函数

//将以下代码拷贝到App.vue的<script>标签内，这样就可以全局调用
    	// 对Date的扩展，将 Date 转化为指定格式的String
    	// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
    	// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
    	// 例子：
    	// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
    	// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
    	Date.prototype.Format = function(fmt) { //author: meizz
    		var o = {
    			"M+": this.getMonth() + 1, //月份
    			"d+": this.getDate(), //日
    			"h+": this.getHours(), //小时
    			"m+": this.getMinutes(), //分
    			"s+": this.getSeconds(), //秒
    			"q+": Math.floor((this.getMonth() + 3) / 3), //季度
    			"S": this.getMilliseconds() //毫秒
    		};
    		if (/(y+)/.test(fmt))
    			fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    		for (var k in o)
    			if (new RegExp("(" + k + ")").test(fmt))
    				fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k])
    					.length)));
    		return fmt;
    	}

其他页面调用

var myDate=(new Date()).Format("yyyy-MM-dd hh:mm:ss");
     
    var myDate=(new Date()).Format("yyyy-MM-dd");
    
    var myTime=(new Date()).Format("hh:mm:ss");

6.view内左右滑动

style="width: 1050px;overflow-x:scroll;"

7.view加边框

border:10px solid #6b9de1;

8.自动换行瀑布布局

[20210603102549807.png]: https://img-blog.csdnimg.cn/20210603102549807.png