草庐IT

uni-calendar

全部标签

uniApp 使用uni.openDocument(object)预览pdf、excel、word等文件

uniApp使用uni.openDocument(object)预览pdf、excel、word等文件1.实现思路:2.直接上代码(可直接复制)3.注意事项1.实现思路:这里咱们直接用的uniapp官方提供的uni.downloadFile方法调用手机第三方能打开文件的工具,比如wps等(ps:这里实现的是APP文件预览)。2.直接上代码(可直接复制) //文件预览 prefile(e){ letthat=this leturl=that.$config.fileUrl+e; uni.downloadFile({ url:url, success:function(re

uni-app 实现节流与防抖

提示:这次要讲的前端关于节流和防抖一、什么是防抖?防抖是指在频繁触发某一个事件时,一段时间内或者一定条件下不再触发该事件对应调用的函数。二、防抖代码1.示例 : 防止按钮多次连续点击代码如下(示例): 点击 exportdefault{ data(){ return{ //请求状态识别变量 requestStatus:false } }, methods:{ buttonTap:function(){ //模拟按钮点击后会执行api请求,耗时1秒 //请求完成前按钮点击将不会继续执行此函数 if(this.requestStatus){

微信小程序canvas实现简易手写签名版(uni-app)

微信小程序可以通过canvas实现手写签名的效果,本文中使用的是微信小程序Canvas2D接口本示例中绘制的是横屏签名的效果,效果图如下:这里我们需要调整canvas的物理宽高,默认物理宽高为300*150px,物理宽高调整通过css样式即可,本文中需要根据屏幕高度进行动态调整,使用的是行内样式页面布局:template> viewclass="sign-page":style="{paddingTop:top+'px'}"> viewclass="canvas-box"> viewclass="left-pane"> viewclass="f28text-gray6left-te

uni-app web-view的使用

在上一页点击需要跳转到app内置的浏览器里(app跳h5页面),uniapp提供了web-view需要新建页面,在新页面里引用web-view,在新页面里才加上网址(h5)1,在所需页面引入//如果不暂存在本地,会在浏览器上被转译uni.setStorageSync('PAYWEBURL',res.data.data.url)//考虑到所传网址需要转译吗(不需要)//letenUrl=encodeURIComponent(res.data.data.url)//转译uni.navigateTo({//url:'/pages/cashier/payapp'+enUrl//需要在调转页里转译回去u

uniapp小程序路由跳转,使用uni.navigateBack方法,实现跳转传参

由于小程序跳转限制10层,为了尽可能的减少页面栈,在小程序中会用到uni.navigateBack()方法,使用中难免会遇到页面跳转之间传参的问题。uni.navigateBack和uni.navigateTo、uni.redirectTo方式不同,不能通过路由拼接的方式传参,以下是三种跳转的方法:在小程序中uni.navigateTo和uni.redirectTo是通过路由拼接的方式传参uni.navigateTo({ url:'test?id=1&name=uniapp'});uni.redirectTo({ url:'test?id=1'});uni.navigateBack通过delt

uni-app小程序uni.navigateBack返回上一个页面并传递参数.返回上个页面并刷新

返回上一个打开的页面并传递一个参数。有种办法就是使用假如从B页面返回A页面:varpages=getCurrentPages();varprevPage=pages[pages.length-2];//上一个页面prevPage.setData({mdata:1})经过测试,在uni.app中使用B页面使用setData设置A页面参数无法实现(应该是被更改为常量属性了)。打印console.log(prevPage)前一页面对象可得:方法1:我们可以使用A页面原有方法B页面传递:varobject={sx1:"参数1",sx2:"参数2",}prevPage.onShow(object);un

uni-app小程序video不能自动全屏问题

在这里记录下这个大坑:废话不多说直接上干货重点:导致安卓全屏不了的问题就在于css样式问题 exportdefault{ data(){ return{ videoUrl:'xxxxx' }; },onReady(){this.videoContext=uni.createVideoContext('myVideo',this);this.videoContext.requestFullScreen({direction:90});}, methods:{ fullscreenchange(e){ if(!e.detail.fullScreen){ this

新建的uniapp(vue2)微信小程,编译sVNode‘ is not exported by node_modules\@dcloudio\uni-mp-vue\dist\vue.runtime.

运行到微信小程序上时就报错如上,还没编译,有遇到同样问题的吗,找了很多大佬都没有解决,求支支招

uniapp之通过vue-cli命令行创建Vue3/Vite版,JavaScript开发,引入uni-ui扩展组件

注意:Vue3/Vite版要求node版本^14.18.0||>=16.0.0如果使用HBuilderX(3.6.7以下版本)运行Vue3/Vite创建的最新的cli工程,需要在HBuilderX运行配置最底部设置node路径为自己本机高版本node路径(注意需要重启HBuilderX才可以生效)HBuilderXMac版本菜单栏左上角HBuilderX->偏好设置->运行配置->node路径HBuilderXWindows版本菜单栏工具->设置->运行配置->node路径环境安装1.全局安装vue-clinpminstall-g@vue/cli2.创建以javascript开发的工程(如命令

uni-app uni-file-picker文件上传实现拍摄从相册选择获取图片上传文档服务器(H5上传-微信小程序上传)

前言最近在使用uni-app写H5移动端,有一个从手机拍摄从相册选择获取图片上传到文档服务器功能。查阅uni-app发现关于上传图片,uni-file-picker文件上传,uni.chooseImage,uni.uploadFileH5上传时它和pc端原理差不多,都是file对象上传,PC端是通过newfile对象,uni-app是直接提供了微信小程序上传时是需要微信提供的临时路径,uni-app是直接提供了注意H5上传和微信小程序uni.uploadFile()上传参数是不一样的二者不能共存,注意看注释自己理解1.uni.chooseImage是uni-app提供调用手机拍摄从相册选择获取