需求1:前端提交表单时附件跟着一起发送给后台需求2:前台获取后台附件我这里并没有使用扩展组件,都是官方API//前端代码view> wt-buttontype="primary"@click="openFile">上传附件/wt-button>/view>//显示图片名称currentFilesPath-数组文件/单个文件、previewFile-预览文件view>scroll-viewscroll-y> view> viewv-for="(file,index)incurrentFilesPath"> text@click='previewFile(file.path,file.ty
一、小程序中跳转其他小程序1、在manifest.json中的mp-weixin目录下添加配置(替换目标小程序appid) "navigateToMiniProgramAppIDList":["wx8280850d07d385eb"],2、在需要跳转的页面添加按钮点击事件,替换path以及传参uni.navigateToMiniProgram({appId:'',path:'pages/index/index?id=123',//不填默认首页extraData:{'data1':'test'},success(res){//打开成功}})二、获取其他小程序页面地址微信小程序中官方文档获取地址
解决办法: 1,ios端需要传fileType参数 uni.openDocument({ filePath:"文件路径", fileType:"docx", success:res=>{ console.log('打开文档成功',res) }, fail:err=>{ console.log('打开文档失败',err)
问题:按照官方文档用yarn引用了uni-ui组件库并且在pages.json和vue.config.js中配置了相关的内容后使用uni-icon效果如下: 使用uni-icons的地方图标都未显示成功解决:1-按照项目名称\node_modules\@dcloudio\uni-ui\lib\uni-icons目录找到uni-icons目录2-将uni-icons目录放到src目录下的components目录下3-在pages.json文件中添加配置项 "easycom":{ "autoscan":true, "custom":{ "^uni-((?!(shado
效果如图,先选择开始日期,完成日期需要在开始日期之后,先选择完成日期,开始日期需要在完成日期之前需要用到uni-datetime-picker官方的三个属性 代码如下constbeginStartTime=ref("1999-05-01")constbeginEndTime=ref("2029-05-01")constfinishStartTime=ref("1999-05-01")constfinishEndTime=ref("2029-05-01")//设置初始数据constformData=ref({endTime:"",//施工结束时间yyyy-MM-ddstartTime:"",/
uni.getUserProfile已废弃//授权获取用户信息废弃 getUserProfile(e){ console.log('授权登录') uni.showLoading({ title:'加载中' }) letthat=this uni.getUserProfile({ desc:'用于完善会员资料', success:(res)=>{ uni.hideLoading(); that.nickName=res.userInfo.nickName that.avatar=res.userInfo.avatarUrl
闲来无事,就想着写个拖拽排序的组件好了,虽然效果差了些,但以后我变强了,在优化嘛。🤪示例:创建组件(直接上代码): exportdefault{ name:"drag-and-drop-sort-A", props:{ //容器大小 containerSize:{ type:Object, default:()=>({wdith:'100vw',height:'100vh'}), }, //控件的大小 controlsSize:{ type:Object, default:()=>({width:
uni-app写的app//分享小程序asynchandleShare(index){let_this=this;setTimeout(()=>{this.drawCanvas();setTimeout(async()=>{this.canvasFlag=false;},4000);},100);this.canvasFlag=true;},drawCanvas(){let_this=this;this.$nextTick(async()=>{//初始化awaitthis.$refs.rCanvas.init({canvas_id:'rCanvas',canvas_width:399,canv
UniApp实现微信小程序中拨打手机电话和长按加微信客服好友(完整代码示例)一、service.Vue 客服电话 {{PhoneNumber}} 客服微信 {{WxNumber}} 请长按下面的二维码,加客服微信 --> expo
如下图所示,微信小程序中涉及到修改头像的交互技术:前端应用框架为uni-appUI框架为uView 思考:1.头像点击事件click2.从本地相册选择图片或使用相机拍照uni.chooseImage(OBJECT),方法执行成功后根据success中返回的图片的本地文件路径列表tempFilePaths,做操作3.上传图片uni.uploadFile(OBJECT),通过上传接口拿到图片的路径或者跟图片有关的值,再根据这个值调取后端接口拿到base64字符串【最后还是要看后端开发要怎么设计了,说白了都是从接口里拿到想要的值。。】 js: //点击头像触发click事件change