- 博客(40)
- 收藏
- 关注
原创 ant design vue使用popover气泡卡片组件在循环列表中显示与隐藏问题
vue 使用antd popover气泡组件循环显示与隐藏
2023-02-10 09:36:09
2885
1
原创 leaflet使用leaflet-spin插件实现地图加载中的效果
uniapp使用Leaflet时使用Leaflet.Spin插件实现地图加载等待效果
2022-07-05 14:30:20
417
原创 uniapp下载文件到手机自定义目录实现
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
10990
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
1914
原创 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
7784
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饼图)<!-- style:容器的宽,高 --> <t
2021-12-30 15:49:44
388
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
3316
原创 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
4395
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
2389
原创 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
137
原创 2021-09-17
vue中this.$set的用法this.$set的作用:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。使用:调用方法:this.$set( target, key, value )target:要更改的数据源(可以是对象或者数组)key:要更改的具体数据value :重新赋的值...
2021-09-17 17:12:48
38
原创 vue中的nextTick的作用
vue中的nextTick作用:Vue.nextTick用于延迟执行一段代码,它接受2个参数(回调函数和执行回调函数的上下文环境),如果没有提供回调函数,那么将返回promise对象。简单来说就是在数据变化后要执行的某个操作,而这个操作需要使用随数据改变而改变的DOM结构,这个操作都应该放进Vue.nextTick()的回调函数中。...
2021-09-17 17:07:53
1120
原创 js的深浅拷贝
js的深浅拷贝在vue中的使用js数据类型:基本类型:除Object。String、Number、boolean、null、undefined(不影响)引用类型:object。里面包含的function、Array、Date(影响)**浅拷贝:**浅拷贝是创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。(影响)如果属性是基本类型,拷贝的就是基本类型的值。如果属性是引用类型,拷贝的就是内存地址。所以其中一个对象改变了这个地址,就会影响到另一个对象。**深拷贝:**深拷贝是将一个对象
2021-09-14 11:28:28
77
原创 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
97
原创 css字数过多的显示问题
字数过多的显示问题两个解决方法:方法一:获取字符的长度进行截取,接着手动拼接上省略号,如:stringObject.substr(start,length)+"…"优点:能准确地截取到你想要的获取的长度,控制开始和结束缺点:参数传值使用时会导致参数值被改变,不是初始值,不太友好补充说明:substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 substring() 和 slice() 来使用。substr的参数:start:必需。要抽取的子串的起始下标。必须是数值。如果是负
2021-09-01 16:42:38
784
原创 2021-09-01
微信小程序的wxs使用官方文档WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。用途: 开发中常用作过滤器,跟vue的filter相似。wxs标签的2个属性:module:当前 标签的模块名。必填字段。src:引用 .wxs 文件的相对路径。仅当本标签为单闭合标签或标签的内容为空时有效。两种使用方法:方法一:直接在页面渲染写到wxml里<!--wxml--><wxs module="m1"> v
2021-09-01 16:02:06
60
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人