Uniapp

简介: Uniapp

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.自动换行瀑布布局

<view class="flex" style="width: 100%;flex-wrap: wrap;">
    <view class="node" v-for="item in list">
        //.........
        </view>
</view>
相关文章
|
开发框架 小程序 JavaScript
|
小程序
119.【Uniapp】(四)
119.【Uniapp】
102 0
|
小程序 开发工具 git
119.【Uniapp】(二)
119.【Uniapp】
202 0
|
JavaScript 小程序 API
119.【Uniapp】(三)
119.【Uniapp】
119 0
|
8月前
uniapp配置tarBar
uniapp配置tarBar
99 0

相关实验场景

更多