M _chen-优快云博客

uniapp官方文档使用uni.downloadFile和 uni.saveFile实现下载文件资源到本地和永久保存，实现方法如下：具体参数说明请参考官方文档： https://uniapp.dcloud.io/api/request/network-file.html // 文件下载 uni.downloadFile({ url: fileUrl,//下载资源的 url success: res => { console.log(res); if (res.status

2022-03-18 17:42:35 11792 22

原创使用ant-design-vue分页时报错：[Vue warn]: Invalid prop: custom validator check failed for prop “pagination“

ant-design-vue项目中使用Pagination 分页还是比较常用的，经常在list列表或者table表格中使用到使用过程中可能会遇到的问题：1.动态赋值total时，会出现下图错误；现象：取决于你后端请求是否有数据，有数据（不会报错），否则会报错控制台报错信息：解决办法// 向后台发起请求 getAction(url, params).then((res) => { if (res.success) { console.log(res.re

2022-03-02 17:21:38 2045

原创 uniapp使用echarts图表问题及解决

根据项目功能需要在app上显示一些统计类的图表，因此我使用了echarts插件，后来在使用的过程中遇到了一些问题，特此记录下来：问题一：在同一页面使用多个echarts图表开发环境：基于uniapp框架 vue语法时使用echarts插件实现：在单页面中需要嵌套一组script标签，通过rander.js文件渲染。如下：// view部分<view class="customer"><view ref="chart" @click="echarts.onClick" :prop

2022-02-07 17:31:10 8150 8

原创 vue-echarts的使用

vue中使用vue-echarts插件一：下载安装npm install echarts vue-echarts 或 yarn add vue-echarts二：main.js全局引入import Vue from 'vue'import ECharts from "vue-echarts";Vue.component('v-chart', ECharts)//全局注册三：页面使用（我这里使用的是pie饼图） <t

2021-12-30 15:49:44 422 2

原创 uni-app getLocation:fail [geolocation:7]KEY错误解决办法

问题描述项目用到HBuilderX工具开发uni-app，使用map组件时需获取用户当前位置，API :uni.getLocation()。在打包成Android应用的时候，需要集成高德地图或者百度地图。app端使用高德地图。参考官方地图插件配置文档： https://ask.dcloud.net.cn/article/29打包成APK文件后，运行时竟然从服务端获取不到数据。后来使用自定义基座，调试发现错误：发现是在申请高德地图KEY时，App的包名填写错误导致的。解决正常流程如下：1、获取A

2021-11-24 15:43:26 3472

原创 uniapp map组件的markers，polyline使用及问题

最近在做巡检任务功能，需要在安卓端记录当前巡检轨迹，以及原本的路线显示，由于是使用uniapp框架开发的，所以这里我使用的是uniapp里的map组件。参考官方文档：https://uniapp.dcloud.io/component/map?id=map注意：地图组件用于展示地图，而定位API只是获取坐标，请勿混淆两者。一、获取当前位置:type:默认为 wgs84 返回 gps 坐标，gcj02 返回国测局坐标，可用于 uni.openLocation 的坐标，app平台高德SDK仅支持返回gc

2021-11-24 15:22:01 4849 5

原创 uni-app maps报错TypeError: e[t] is not a function

**应用场景：**Andeoid端在开发地图巡检功能时需要调用高德地图api组件，这里我选择使用nvue里的map组件。**报错：**打包后使用该组件报错TypeError: e[t] is not a function**原因：**打包 App 时没有勾选 manifest.json->App 模块权限配置->Maps(地图)模块**解决：**勾选高德地图->填写iOS,Andeoid平台高德地图应用KEY->重新打包即可正常使用...

2021-11-24 11:08:54 2554

原创 js中常用的Array数组方法

js中常用的Array方法forEach（ES5中Array使用最频繁）遍历，循环输出，它接受一个必须的回调函数作为参数。但是forEach不会遍历空元素例子：var array= [1,2,3,4]array.forEach((item)=>{ console.info(item);})//1//2//3//4相比for循环，forEach简洁了很多，forEach方法中的回调函数支持3个参数。value：是遍历的数组内容；index：是对应的数组索引，arra

2021-09-17 17:50:37 182

原创 2021-09-17

vue中this.$set的用法this.$set的作用：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。使用：调用方法：this.$set( target, key, value )target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据value ：重新赋的值...

2021-09-17 17:12:48 60

原创 vue中的nextTick的作用

vue中的nextTick作用：Vue.nextTick用于延迟执行一段代码，它接受2个参数（回调函数和执行回调函数的上下文环境），如果没有提供回调函数，那么将返回promise对象。简单来说就是在数据变化后要执行的某个操作，而这个操作需要使用随数据改变而改变的DOM结构，这个操作都应该放进Vue.nextTick()的回调函数中。...

2021-09-17 17:07:53 1154

原创 js的深浅拷贝

js的深浅拷贝在vue中的使用js数据类型:基本类型：除Object。String、Number、boolean、null、undefined（不影响）引用类型：object。里面包含的function、Array、Date（影响）**浅拷贝:**浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。（影响）如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址。所以其中一个对象改变了这个地址，就会影响到另一个对象。**深拷贝:**深拷贝是将一个对象

2021-09-14 11:28:28 108

原创 vuex的原理及使用

vuex的工作流程总述如图：#mermaid-svg-JZWAIFzF2EKsVoJT .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-JZWAIFzF2EKsVoJT .label text{fill:#333}#mermaid-svg-JZWAIFzF2EKsVoJT .node rect,#mermai

2021-09-03 15:06:22 149

原创 css字数过多的显示问题

字数过多的显示问题两个解决方法：方法一：获取字符的长度进行截取，接着手动拼接上省略号，如：stringObject.substr(start,length)+"…"优点：能准确地截取到你想要的获取的长度，控制开始和结束缺点：参数传值使用时会导致参数值被改变，不是初始值，不太友好补充说明：substr() 的参数指定的是子串的开始位置和长度，因此它可以替代 substring() 和 slice() 来使用。substr的参数：start：必需。要抽取的子串的起始下标。必须是数值。如果是负

2021-09-01 16:42:38 859

原创 2021-09-01

微信小程序的wxs使用官方文档WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。用途：开发中常用作过滤器，跟vue的filter相似。wxs标签的2个属性：module:当前标签的模块名。必填字段。src:引用 .wxs 文件的相对路径。仅当本标签为单闭合标签或标签的内容为空时有效。两种使用方法：方法一：直接在页面渲染写到wxml里<wxs module="m1"> v

2021-09-01 16:02:06 83

空空如也

空空如也