uniapp小程序页面返回传递参数

  • Post author:
  • Post category:uniapp

1.通过getCurrentPages获取当前页面 2.拿到返回页面的实例对象 3.调用返回页面实例对象里面的方法 4.返回 当前页面传递参数代码 let pages = getCurrentPages() let prePage = pages[pages.length - 2] prePage.$vm.acceptData(JSON.parse(传递的参数) uni.navigateBack(…

继续阅读 uniapp小程序页面返回传递参数

uniapp 瀑布流 (APP+H5+微信小程序)

  • Post author:
  • Post category:uniapp

WaterfallsFlow.vue <template> <view class="wf-page" :class="props?.paddingC ? 'paddingC' : ''"> <!-- left --> <view> <view id="left" ref="left" v-if="leftList.length"> &l…

继续阅读 uniapp 瀑布流 (APP+H5+微信小程序)

uniapp实现小程序拖拽购物车,类似苹果的 Assistive Touch且限制拖拽位置不能脱出页面安全区;

  • Post author:
  • Post category:uniapp

如果是单页面使用不用父组件传过来,我是需要多页面公用购物车位置所以需要传进来; // 防抖 export function _debounce(fn, delay) {     var delay = delay || 2000;     var timer;     return function() {         var th = this;         var args = arg…

继续阅读 uniapp实现小程序拖拽购物车,类似苹果的 Assistive Touch且限制拖拽位置不能脱出页面安全区;

uniapp点击选择(简单实用)

  • Post author:
  • Post category:uniapp

先看效果图: 接下来看vue代码: <template> <view class="box-item"> <view :class="current==index?'item-list-active':'item-list'" v-for="(item,index) in list" :key="index" @click="current=index" > &…

继续阅读 uniapp点击选择(简单实用)

uniapp微信小程序获取定位(通过经纬度获取地址)

  • Post author:
  • Post category:uniapp

项目要求首页有个定位功能,但是 uni.getLocation在小程序端只能获取到经纬度,拿不到地址 uniapp官网有说明这点: uni.getLocation(OBJECT) | uni-app官网 解决方案如下: 1. 配置manifest.json 2.引入腾讯地图 (需要申请key并下载sdk): 微信小程序JavaScript SDK | 腾讯位置服务 圈住的5点建议全做,否则可能会出…

继续阅读 uniapp微信小程序获取定位(通过经纬度获取地址)

UniApp 跳转外链的实现详解

  • Post author:
  • Post category:uniapp

UniApp 是一个基于 Vue.js 的跨平台开发框架,可以方便地开发多个平台的应用程序,包括小程序、H5、App 等。在 UniApp 中,要实现跳转到外部链接(即打开一个网页)可以采用以下步骤: 1. 创建目标页面 首先,我们需要创建一个目标页面,用于加载外部链接。 在 pages 目录下创建一个新的文件夹,例如 webview ,然后在该文件夹下创建一个 webview.vue 文件。 &…

继续阅读 UniApp 跳转外链的实现详解

uniapp 的提示框uni.showToast与确认框uni.showModal

  • Post author:
  • Post category:uniapp

提示框: uni.showToast if(!(state.equipUrl?.length>0)){ uni.showToast({ title: '请联系管理员!', icon: 'none' }) return }     确认框: uni.showModal // 点击执行 const executeStart = () =>{     uni.showModal({     …

继续阅读 uniapp 的提示框uni.showToast与确认框uni.showModal

uniAPP实现单页面横竖屏切换

  • Post author:
  • Post category:uniapp

uniAPP实现单页面横竖屏切换 最近在用uniapp开发,发现官方文档只能全局配置横竖屏切换,找了些文档,最终实现了效果 一、官方全局设置 https://uniapp.dcloud.io/collocation/pages?id=globalstyle 在pages.json中添加配置: "globalStyle": { // ... "pageOrientation": "auto" }, …

继续阅读 uniAPP实现单页面横竖屏切换

八、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP,支持各类消息收发,音视频通话,附vue实现源码(已开源)-聊天输入框扩展面板的实现

  • Post author:
  • Post category:uniapp

会话好友列表的实现 1、 项目引言 2、 腾讯云后台配置TXIM 3、 配置项目并实现IM登录 4、 会话好友列表的实现 5、 聊天输入框的实现 6、 聊天界面容器的实现 7、 聊天消息项的实现 8、 聊天输入框扩展面板的实现 9、 聊天会话管理的实现 10、聊天记录的加载与消息收发 11、定位SD配置与收发定位消息 12、贴图表情的定制化开发 13、腾讯云后台配置TRTC功能 14、集成音视频通…

继续阅读 八、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP,支持各类消息收发,音视频通话,附vue实现源码(已开源)-聊天输入框扩展面板的实现

UNIAPP—-input去除输入的空格

  • Post author:
  • Post category:uniapp

通过正则筛选空格 <input type="text" name="userName" οnkeyup="this.value=this.value.replace(/[, ]/g,'')"> 或者在发送请求时,去除用户输入的空格,然后发到后端 data: { 'name': this.name.replace(/[, ]/g,''), 'varieties': this.variet…

继续阅读 UNIAPP—-input去除输入的空格