文章分类 - uni-app
摘要:测试成功 页面中使用 <show-modal></show-modal> this.$showModal({ title: '', content: '当', cancelText:"取消", confirmText:"生成赛果", success(res) { if (res.confirm) {
阅读全文
摘要:dbucTrtl.js // 防抖节流函数 function debounce(func, wait, immediate) { let timeout; // 定义一个计时器变量,用于延迟执行函数 return function (...args) { // 返回一个包装后的函数 const co
阅读全文
摘要:在uni-app中,实现页面跳转并传递对象参数,可以通过以下方法: 1. 在跳转前,将需要传递的对象参数转为JSON字符串,然后用encodeURIComponent进行编码,拼接在url后面。// 要跳转的页面路径const url = '/pages/detail/detail'; // 要传递
阅读全文
摘要:子组件 父组件
阅读全文
摘要:uniapp返回上级页面时,执行上个页面的方法。 当前页面关闭后,需要执行一次上级页面,才能拉去到修改后的数据。 let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 上一页 uni.n
阅读全文
摘要:<template> <!-- 这里的注意点,使用 scroll-view时,如果想让元素横向也就是X轴排列的话 要注意以下几点: 1、scroll-view不支持flex,默认block; 2、scroll-view设置scroll-x="true"; width: 100%; white-spa
阅读全文
摘要:判断数组为空: // 数组为空 v-if="arr.imgs!=undefined && arr.imgs.length==0" 判断有值才显示: // 数组有值 v-if="arr.imgs" 判断有值才显示: // 数组有值 v-if="item.gift.length!=0"
阅读全文
摘要:uni.setNavigationBarTitle(OBJECT) onReady(){ uni.setNavigationBarTitle({ title: this.query.title }); },
阅读全文
摘要:每次打开订单详情页面,总会执行两次this.load() 问题原因是,前一个页面里嵌套了两个@tap="detail(order)",事件产生了冒泡。 解决方案:阻止事件冒泡,或者直接删掉内部的事件
阅读全文
摘要:抖音和微信内,弹窗提示文案显示不一致,抖音里显示文案偏大,显示不全 解决办法: 通过编译判断,微信使用原来的showToast ,抖音里使用showModal this.showToast(res.msg) //弹窗提示,兼容抖音小程序 Vue.prototype.showToast=functio
阅读全文
摘要:可能是加载时机不对,在组件初始化的时候后,并没有拿到相应的数据。 可以通过v-if判断组件的现实和隐藏,重新初始化组件,重新渲染数据。 <kf-community-cart-popup :show="carModal" :goods="goodList" :goodsItem="goodsItem"
阅读全文
摘要:这个错误主要是8080端口已被使用。解决方法是换个端口或者杀掉占用的8080端口的进程。 查找占用端口的进程 lsof -i tcp:8080 返回类似的结果: COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEnode 41381 You 11u
阅读全文
摘要:onShareAppMessage(res) { if (res.from 'button') {// 来自页面内分享按钮 console.log(res.target) } return { title: '分享的标题', path: '分享的路径' } } 点击button按钮实现分享,同样需要
阅读全文
摘要:1.uni-app 如何发送数据到 H5? 其实很接单、在 web-view 中只需要通过 URL 就可以向 H5 进行传参 例如在 uni-app 中: <template> <view class="advertisement" style="width: 100%;"> <web-view :
阅读全文
摘要:.text-overflow { width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; word-wrap: break-word; }
阅读全文
摘要:一个参数:子组件: this.$emit('closeChange',false); 父组件: <posilCom @closeChange="closeCom($event)"></posilCom> closeCom(msg) { this.msg = msg; } 多个参数:子组件: this
阅读全文
摘要:公用模块 定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。 注意这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。 示例如下:在 uni-app 项目根目录下创建 common 目录,然后在 common 目录下新建 helper.js 用于定义
阅读全文
摘要:uView组件已经对vuex进行了封装,使用起来非常的方便快捷。 store/index.js文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) let user = {}; try { // 尝试获取本地是否存在user变量
阅读全文