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
|
小程序 开发工具 git
119.【Uniapp】(二)
119.【Uniapp】
174 0
|
JavaScript 小程序 API
119.【Uniapp】(三)
119.【Uniapp】
108 0
|
6月前
|
移动开发 JavaScript 前端开发
【Uniapp 专栏】Uniapp 与 Flutter 的功能特点对比
【5月更文挑战第15天】Uniapp 和 Flutter 是跨平台开发的热门框架。Uniapp 以其强大的跨平台兼容性和基于 Vue.js 的易学性著称,适合快速开发适用于 iOS、Android 和 H5 的应用。其丰富的组件生态简化了功能集成。然而,在复杂场景下,性能可能不及原生。Flutter 则以其全新渲染引擎实现流畅界面和高度自定义,性能接近原生,但学习成本较高,需处理特定平台适配。适用于高要求的项目。两者各有优势,选择应考虑项目需求、技术储备和开发周期。
786 1
【Uniapp 专栏】Uniapp 与 Flutter 的功能特点对比
|
6月前
uniapp配置tarBar
uniapp配置tarBar
88 0