
uniapp
ttt唐老鸭
爱做视频,爱玩游戏,爱摸鱼的程序猿
展开
-
webStrom uniapp 不识别@别名
2 改为手动(Manually),目录选择当前项目目录的下的。3 改为手动(Manually),目录选择刚才创建的文件。1 找到webstrom设置。2 找到webstrom设置。原创 2022-10-18 13:48:07 · 1784 阅读 · 2 评论 -
uniapp组件文档模板,移动端组件文档模板
本项目只是个简单的空vuepress模板,使用了reco主题。拥有vuepress和reco的全部功能。只是在docs/.vuepress/styles/index.styl修改了一些样式。便于h5模拟器组件的展示。大多移动端组件的文档都只有代码演示和api说明纯文档,而没有展示实际演示效果,或者只是简单说截图,想要看实际效果还得自己下载跑一遍,太麻烦了。原创 2022-08-24 13:42:37 · 437 阅读 · 0 评论 -
uniapp 富文本编辑器使用
jin-edit—仿简书非常好用的富文本编辑器3 修改组件内部上传逻辑效果原创 2022-07-01 11:03:56 · 1805 阅读 · 0 评论 -
uniapp 小程序端 vue 自定义v-model无效
修改后成功的写法其他我的内心。。。原创 2022-06-30 10:07:25 · 2937 阅读 · 1 评论 -
uniapp h5单页面横屏
单页面横屏原创 2022-06-06 15:59:03 · 1025 阅读 · 0 评论 -
uniapp uview form组件setRules
当表单嵌套在modal或者是在v-else里面的时候,即一开始表单的元素display为none的时候。refs里面是没有uForm的。所以再onReady里面设置是无效的。这时候利用nextTrick,监听当表单出现时,且dom更新结束时,再设置规则 watch: { modalShow(newVal) { if(newVal) this.$nextTick(() => { this.$refs.uForm.setRules(this.ru原创 2021-12-29 10:01:42 · 7105 阅读 · 2 评论 -
uniapp 安卓/ios 录音授权,录制音频,录音文件上传
下载依赖插件官方的app端要权插件:App权限判断和提示第三方录音组件:录音播放-语音录制voice-sound-recording引入依赖import permision from "@/js_sdk/wa-permission/permission.js"import soundRecording from '@/components/sound-recording/sound-recording.vue'组件声明 components: { soundRecording,原创 2021-12-15 16:07:59 · 8440 阅读 · 0 评论 -
uniapp 页面生命周期和组件生命周期顺序。
初次进入页面的时候在onLoad的时候就已经可以访问data,method了。在此可以发请求在onReady时候$el已经创建成功了。在此可以进行依赖el的一些操作。例如u-view中 给form设置校验值的的时候页面数据更新的时候与vue无区别退出页面的时候先执行的onUnload复制粘贴自己试试export default { /*vue组件生命周期*/ beforeCreate(){ console.log('beforeCreate');原创 2021-09-01 11:46:07 · 930 阅读 · 0 评论 -
uniapp 下载文件/二进制流数据文件 ,保存文件 ,打开文件。以及H5下载二进制流文件。
前提注意点downloadFile 发送的是GET请求。如果url接口返回的是二进制流数据。则要求后端content-type 里面填写具体的返回文件类型。否则下在的文件会没有后缀名。比如excel是 application/vnd.ms-excel移动端不支持Blob。移动端下载 //下载文件 uni.downloadFile({//只能是GET请求 url: "xxxxxxx",//请求地址 header:{ 'Author原创 2021-09-01 09:51:36 · 21281 阅读 · 4 评论 -
uniapp 超详细的极光推送对接流程
场景后台创建订单,前台手机app得到消息推送原理后台服务器调用极光接口->极光服务器->用户app。参考地址极光推送安装sdkapiuniappJYJPush极光推送插件自定义基座制作方法、常见问题等准备工作极光官网注册并创建应用获得Appkey,这里太简单了不细说。提一点可能会有问题的就是填写的app包名在这里获取开始对接1下载插件uniapp插件下载地址选择自己要试用的项目2 配置插件选择插件hbuilder中-app 原生插件配置 ——选择云端插件—原创 2021-07-16 13:42:23 · 10349 阅读 · 2 评论 -
uniapp onReachBottom 无效
两个可能1 scroll-view 是不能触发的,scroll-view自己有对应的方法监听触底2 设置了 overflow-y: scroll; ,也是没法触发的原创 2021-07-13 10:01:11 · 1738 阅读 · 0 评论 -
uniapp onBackPress 自定义
注意点最后必须返回true才能取消默认的返回uni.navigateBack也会触发onBackPress,可以根据from判断避免死循环 onBackPress(options) { //避免死循环 if (options.from === 'navigateBack') return false; //自己的判断条件,执行自定义的返回操作 if (你的条件) { //你的自定义操作 } //执行uniapp的返回操作 else uni.n原创 2021-07-13 09:32:50 · 3640 阅读 · 0 评论 -
uni-app 实现表单项“下一项”
关键confirm-type@confirm参考地址uni-app 实现表单项“下一项”里面的moveNext方法修改下 //焦点移动 moveNext(dom){ this.focusList={ ...this.focusList, [dom]:true, } },原创 2021-07-12 15:53:35 · 476 阅读 · 0 评论 -
Hbuilder未检测手机或浏览器
### 打开手机的usb调试原创 2021-07-12 15:25:25 · 549 阅读 · 0 评论 -
uniapp getLocation:fail [geolocation:7]
错误信息"getLocation:fail [geolocation:7]KEY错误 请到http://lbs.amap.com/api/android-location-sdk/guide/utilities/errorcode/查看错误码说明【7 KEY鉴权失败。请仔细检查key绑定的sha1值与apk签名sha1值是否对应,或通过高频问题查找相关解决办法】解决方法,地图配置的sha1必须要和打包时使用证书里面的sha1相同地图中证书中如何查看证书keytool -list -v -原创 2021-07-06 12:00:11 · 2223 阅读 · 1 评论 -
uniapp image 的mode常用属性
比起文字,我更喜欢图片来的直接,使用image时,外层建议包裹一层view,因为image mode .image_wrapper{ width: 400rpx; height: 400rpx; border: 1px solid black; margin: 0 auto; .img{ width: 100%; height: 100%; } }aspectFit 缩放显示图片全部aspectFill 缩放填满容器,但原创 2021-07-05 14:46:30 · 14852 阅读 · 0 评论 -
webstrom uniapp rpx格式化空格 报错飘红 的解决方法
网上搜遍了大多就两种1 sed+解除css报错检测设置webStrom的filewatdher 实现空格rpx 自动替换,但是我这并没有用处,会一直卡在这里。2 插件然而仍然没有作用解决方法参考文章下载 wechat mini program support 插件,设置里面讲小程序支持选为启用。等待一两分钟即可。刚选完时候我的也没反应,但确实过了一会之后就不漂红,格式化没空格了。效果 格式化之后没空格,css也不飘红了...原创 2021-05-28 14:18:46 · 5083 阅读 · 7 评论 -
uniapp 路由传递对象类型参数
直接传递导致对接被截成"[Object Object]" 字符串解决方法传递先把数据JSON.stringify转string格式,再使用encodeURIComponent对数据特殊字符进行转换url:`xxxxx?param=${encodeURIComponent(JSON.stringify(param))}`解析跳转页面后,使用decodeURIComponent把特殊字符转回来,再使用JSON.parse转成对象格式即onLoad: function(option) { //op原创 2021-05-19 10:20:11 · 1437 阅读 · 0 评论 -
uniapp height高度 100% 无效的问题
错误示例<template> <view class="test"> 111 </view></template><style lang='scss' scoped> .test { height: 100%; background-color: pink; }</style>原因百分比想有效果,那么必须外层父元素设置了高度。类似web经常会全局设置的html,body一样解决给外层元素加上高度原创 2021-05-11 10:26:02 · 7026 阅读 · 0 评论 -
uniapp 小程序 嵌套组件 flex 失效的问题
简单代码示例list是父,item是子item<template> <view class="test"> <text>111</text> </view></template><script></script><style lang="scss" scoped> .test { flex:1;//子组件flex:1 border: 3px solid blue; }原创 2021-05-11 09:35:04 · 4459 阅读 · 2 评论 -
uniapp tabBar配置后不显示,无效的问题
原因tabBar.list数组的第一项必须和pages配置中的第一项要相同。错误写法tabBar.list的以一个数组单独配置了页面。正确写法和pages的第一个保持相同然后就好了原创 2021-05-10 11:42:23 · 14082 阅读 · 4 评论 -
uniapp sass-loader问题
依照官网步骤创建hellp-uniapp模板项目,运行项目报错缺少sass-loader。cnpm install sass-loader -S 后再次运行仍报错in ./src/components/uni-forms-item/uni-forms-item.vue?vue&type=style&index=0&id=39373d84&lang=scss&scoped=true&Syntax Error: TypeError: this.getOptio原创 2021-05-08 12:02:09 · 2036 阅读 · 0 评论