草庐IT

uni-captcha

全部标签

使用uni-app的uni.chooseImage获取的图片路径,存储到数据库中,无法在前端展示该路径的图片

html,js,uni-app,首先我在uni-app中使用如下方法添加图片uni.chooseImage({ count:1,//count:6,//默认9 sizeType:['original','compressed'],//可以指定是原图还是压缩图,默认二者都有 sourceType:['album'],//从相册选择 success:function(res){ console.log(JSON.stringify(res.tempFilePaths)); } });通过uni.chooseImage获取的图片路径如图所示,是

uni-app、小程序项目对pages.json文件拆分、动态生成pages.json文件、动态生成分包配置pages.json文件的解决方案

动态生成pages.json文件动态生成pages.json文件依据模块划分不同页面配置js文件user.jsprocess.jsindex.js(配置pages.json)build.js(动态编译、读取、写入生成pages.json文件)配置package.json执行测试动态生成pages.json文件改进改进原因修改build.js文件的读写顺序执行测试动态生成配置分包pages.json文件原因修改build.js文件执行测试动态生成pages.json文件小程序项目对pages.json文件拆分、动态生成pages.json文件,最终得到如下目录结构:common/router/m

Uni-App从入门到实战

uinapp总结文章目录uinapp总结前言一、创建项目二、项目结构三、在pages.json中配置文件1.全局配置globalstyle2.page常用3.tab常用4.启动模式condition四、组件1.内置组件uniapp组件视图容器view===>divscroll-view滚动标签必须给该标签设置宽或高swiperswiper-item轮播图标签基础内容text===>spanicon==>图标progress==>进度条rich-text==>富文本(类似v-html)表单组件buttoncheckbox多选框radio单选框input输入框switch开关媒体组件image==

微信小程序:uni-app列表数据渲染子组件修改数据sync/v-model无效的问题

有如下一个列表,将数据循环传递给子组件,实现业务解耦,组件拆分Vue的正常逻辑是,父组件和子组件的数据传递的是一个对象,属于引用传递,可以直接在子组件中修改数据,父组件中也会变化,它们操作的是同一个数据。uni-app子组件中修改H5正常,转为微信小程序后修改失败解决办法是:将修改的数据以事件的方式传递给父组件,在父组件中修改数据列表List.vuetemplate>viewclass="dish-list">Itemv-for="iteminlist":item="item"@on-change="handleChange">Item>view>template>script>importI

快速使用uni-app搭建小程序项目

快速使用uni-app搭建小程序项目1.下载安装HBuilderHBuilder是uni-app官方团队专门定制的编辑器,它对Vue做了大量优化投入,且支持uni-app官方库Api的智能提示和推断,同时,我们也可以在通过编辑器快速的创建各种场景下的项目模板,总之HBuilder是用uni-app进行应用开发的首选编辑器,可以访问其官网进行下载安装,点击如下链接可直接跳转:hbuilder编辑器初始化项目安装好HBuilder后,打开编辑器,点击左上角菜单“文件”->“新建”,选择“项目”,即可进入初始化项目的设置界面,界面大概如下:配置完后,点击确定,项目就生成好了,可以看到生成的项目目录如

uni-app开发微信小程序真机调试请求超时&请求被拒绝

uni-app开发微信小程序真机调试请求超时&请求被拒绝小程序开发真机调试问题一、问题描述二、解决一、请求被拒绝二、请求超时一、问题描述在利用uni-app开发小程序时,写好的程序利用微信的模拟器进行调试时一切正常,但是一旦启用真机调试就会出现请求超时或者请求被拒绝的问题。如下图:请求超时:errMsg:“request:failfail:timeout”errMsg:“request:fail-118:net::ERR_CONNECTION_TIMED_OUT”请求被拒绝:errMsg:“request:fail-102:net::ERR_CONNECTION_REFUSED”二、解决一、请

uni-app小程序(vue3版本)使用Vuex在调用store时报错: Cannot read property ‘state‘ of undefined

这里是开发购物车相关的功能时遇到bug报错,如图所示 通过搜索是因为我开发的uni-app是vue3版本,但是在使用vuex时使用的是2版本的格式所造成的错误一、首先配置vuex1.在项目根目录中创建store文件夹,专门用来存放vuex相关的模块2.在store目录上鼠标右键,选择新建->js文件,新建store.js文件 3.在store.js中按照如下4个步骤初始化Store的实例对象报错前代码  将以上代码修改为如下4.在main.js中导入store实例对象并挂载到Vue的实例上,这里要注意一定是加到#ifdefVUE3这个位置下面 5.在store目录上鼠标右键,选择新建->js文

uni app实现WIFI功能(只支持安卓APP)

uniapp实现WIFI功能一.前言二.使用uni-WIFI三.使用h5+api一.前言最近需要在uniapp上实现WiFi功能,将个人的研究结果记录如下(都只支持安卓APP)使用uni-WIFI使用h5+api二.使用uni-WIFI完整代码地址暂未上传如果遇到打包错误可尝试修改将minSdkVersion改为21如果是自定义基座,需要具备下面的权限"","","",""判断是否有定位权限(因为使用WiFi模块需要使用定位,如果定位没有打开初始化WiFi就会失败)asyncisPermission(){constres=awaitrequestAndroidPermission('andro

uniapp微信小程序uni.getLocation获取位置(经纬度)之逆地址解析获取城市信息

前言:我好像隐隐约约的记得前几个月用uniapp开发微信小程序使用API接口uni.getLocation好像能获取到城市信息,但是现在只能获取到经度、纬度了,然后去看了一下uniapp官网发现仅App端支持......好吧!那可能是我记错了,也没关系,竟然能获取到经度和纬度那我们就使用第三方接口来处理。去网上找了一下腾讯位置服务可以为我们提供一个叫逆地址解析接口刚好可以满足我们的需求,那就用这个来实现吧!!1.配置全局属性在获取位置前我们需要在manifest.json文件配置一下requiredPrivateInfos和permission全局属性才可以正常的使用。 配置permissio

uni-app写微信小程序input获取焦点部分安卓机页面不弹起问题(弹起一点焦点样式问题)

以上代码是一个自己封装的一个输入框组建.inp{ width:100%; height:80rpx; }以上是问题出现的关键,没有设置行高设置行高后就解决了问题,具体原因不详.inp{ width:100%; height:80rpx; line-height:80rpx; }