Uniapp

举报
清雨小竹 发表于 2022/09/25 00:18:36 2022/09/25
【摘要】 1.uni.navigateBack之后通知上一个页面刷新 uni.navigateBack({ delta:1, success: function() { let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 前一...

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


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

2.手动刷新页面

this.$forceUpdate()
 

3.全局事件消息


  
  1. //发送事件消息
  2. uni.$emit('userInfoReadyCallback',res.data.Data);
  3. //接受事件消息
  4. uni.$on("userInfoReadyCallback",function(userInfo){
  5. console.log(userinfo);
  6. })
  7. //接受事件消息,只接收一次然后就移除监听
  8. uni.$once("userInfoReadyCallback",function(userInfo){
  9. console.log(userinfo);
  10. })
  11. //移除监听
  12. uni.$off("userInfoReadyCallback",function(e){
  13. console.log(e);
  14. })

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


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

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


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

其他页面调用


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

6.view内左右滑动

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

7.view加边框

border:10px solid #6b9de1;
 

8.自动换行瀑布布局


  
  1. <view class="flex" style="width: 100%;flex-wrap: wrap;">
  2. <view class="node" v-for="item in list">
  3. //.........
  4. </view>
  5. </view>

文章来源: zzzili.blog.csdn.net,作者:清雨小竹,版权归原作者所有,如需转载,请联系作者。

原文链接:zzzili.blog.csdn.net/article/details/116740075

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。