颂小恙-优快云博客

原创 js 关于字符串的截取特殊字符串/特殊字符串显示不同颜色/特殊字符串不显示依然占位问题

大家可以现在谷歌浏览器console面板打印一下。举个栗子："let arr = 【F47-231-sa】>>>>>>>>>>>>>>>>>>4545343**************************434443344==【F3】>>>>>>>>>>>>>>>>>>4545------

2021-07-06 09:26:43 620

原创 vue 项目 es6、常用封装方法(时间格式转换、下拉框中英文转换等)以及join()、filter()

1.arr.map()常用方法集合。处理成新的数组格式（场景：表格多选，批量导出功能，传各列id的数组格式）{ name: "导出", click: () => { if (!this.selection.length) //selection获取到当前的整行数据 return this.$message.warning("请选择要导出的数据"); let title = `课题组导出表`; this.$refs.page

2021-04-20 15:01:52 831

原创 uni-app 动态拼接图片地址，图片无法渲染，静态地址可以显示

先上图这里根据请求的参数拼接图片的地址，采用…/方式。问题：动态无法渲染，静态完全可以。解决：这里将路径改成根路径就ok啦。试了很多种请求的方式，原来是路径问题，就解决啦。...

2021-02-26 10:19:58 4289

原创 vue使用 zrenderjs绘制坐标轴

vue使用 zrenderjs绘制坐标轴首先引入zrender.js绘制y轴，x轴，以及散点<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Demo</title> <script type="text/javascript" src="./dist/zrender.min.js"></script>&lt

2021-01-25 18:28:37 2295 4

原创 uni-app 封装echarts地图组件实现地图二级下钻

uni-app 封装echarts地图组件子组件：已实现功能：实现地图下钻，跳到省级地图。<template> <view class="content" style="touch-action:none;"> <button type="default" style="width: 90upx;height: 60upx;font-size: 24upx;padding: 0;margin-left:20upx ;" @click="echarts.showChi

2021-01-25 18:23:51 2133 1

原创关于uni-app 倒计时清除、熄屏等问题

<template> <view> <text style="color: #E60000;">倒计时：{{interval}}</text> </view></template> <script> let maxtime = 0 export default { data() { return { interval: '', timer: null,

2020-12-07 13:41:57 5200 1

转载 vue cli3 echarts地图省市地图下钻带返回

转载：https://blog.youkuaiyun.com/qq_40179700/article/details/106082315本人使用：举个栗子：点击“山西”，跳转到山西的市区地图，点击地图外区域，返回中国地图。引入中国、省市的json文件包需要的可以联系我，分享给你们接下里分享整套代码，直接拿去使用<template> <div class="content row-flex-start" style="min-width:1500px;ovorflow-x:au

2020-12-05 11:40:53 1228 9

原创 uni-app上传图片功能，点击对应图片实现删除

<template> <view class="" style="padding: 10px;"> <view class="uploadstyle" @click="addPicture" v-if='tempFilePathsEditor.length == 0'> <image src="../../static/img/unloadPho.png" mode="" style="width: 150upx;height: 150upx;"&g

2020-12-01 18:10:12 1820

原创 css 关于图片高度自适应问题

<image :src=item style="width: 100%;" mode="widthFix"></image>加上属性mode="widthFix"就ok啦。

2020-12-01 17:51:25 806

原创关于uni-app手机nfc开启、读取、写入功能

关于手机开启nfc功能nfc功能开启，分为开启手机的nfc功能和开启app的nfc功能。那么app端会用到的nfc功能有哪些呢?有nfc读取身份证内容，手机读取nfc签的内容，手机更改nfc签的内容，手机写入nfc签内容。关于nfc读取身份证内容，uni-app插件市场有相关插件，可以拿来使用。关于手机读取nfc签的内容，手机更改nfc签的内容，手机写入nfc签内容，需要相关js文件来配合app开启nfc、读取、写入等功能，当然需要及时关闭app nfc功能。...

2020-12-01 09:44:57 11271 40

原创 vue 用echarts 写中国地图、饼状图、柱形图样式整理

vue 用echarts 写中国地图、饼状图、柱形图样式整理代码实现：mounted() { this.ChinaMap(); }, methods:{ ChinaMap(){ console.log('地图数据加载') // 基于准备好的dom，初始化echarts实例 var myChartContainer = document.getElementById('myChartChina'); var

2020-11-23 17:38:28 598

原创 vue 关于url参数拼接

uni-app 关于url参数拼接,对象形式传参、单个参数传参let data = { id: item.id, trainId: this.id, type: 'news', ptitle: item.ptitle};console.log(data)uni.navigateTo({ url:`../details/knowDetail?data=${JSON.stringify(data)}`});多个参数：let data = { id: this.detailData.id

2020-11-20 14:39:26 7488 2

原创关于vue-amap marker坐标自动居中显示

关于vue-amap marker坐标自动居中显示this.$nextTick(()=>{ this.$refs.map.$$getInstance().setFitView()})或者可以使用setTimeOut定时器

2020-11-20 14:26:38 1220

原创 vue-amap官方地址

vue-amap官方地址https://elemefe.github.io/vue-amap/#/zh-cn/coverings/ground-image

2020-11-20 14:23:21 1470

原创关于vue cli-3 用iframe 标签如何引入本地html文件

关于vue cli-3 用iframe 标签如何引入本地html文件1.新建static文件，放在public文件夹下2.关于引入html文件的路径问题注意：文件不用写/public，直接用/static,否则将会默认显示public文件夹下的index.html文件3.如何去掉iframe滚动条scrolling=“no”...

2020-11-20 14:17:07 1610 1

qq_45511353的博客