- 博客(31)
- 收藏
- 关注
RSS订阅原创 在线 阿里矢量 失效 配置后仍不发显示 icon
阿里矢量 失效 按官网配置后仍不发显示在官网中并未提及 的项目设置 中查看这里是否 与下文一致出坑火箭🚀1.打开官网 =》 项目 》该项目 项目设置 =》FontClass/Symbol 前缀 修改为 BDSC-BI2.按教程设置 方可使用 在线图标老铁 试一下是否成功都👓完了，就👍1️⃣👇吧...
2022-04-07 21:26:37
365
原创 element 上传 点击后直接调起文件选择
element el-upload 上传 点击后直接调起文件选择 (或上传)成品展示1.未点击时（默认情况，点击红框直接调起文件选择：下图）2.点击时 （红框被点击，调起文件选择）3.如果符合你的需求看代码👇代码html部分 <div style="width: 270px;height: 150px;overflow: hidden"> <el-upload action="string" :au
2022-04-07 21:18:48
1864
原创 element el-form 表单校验单个字段 this.$refs.form.validateField 单独校验
element el-form 表单校验单个字段 this.$refs.form.validateField 单独校验????记得点赞哦 ????????大佬请看????1.this.$refs.form中form对应el-form中的ref属性值2.checkName 对应的是el-form表单中需要校验的标签prop属性值3.checkName的校验规则也要对应 el-form中rules属性中的checkName，（第三点3不懂就看文档吧） this.$refs.form.validate
2022-01-17 10:30:20
15024
4
原创 修改el-select 样式失效 /deep/ 未生效
修改el-select 样式失效????记得点赞哦 ????????大佬请看????1.尝试在class名前加 /deep/ 例：/deep/ .el-select-dropdown__list2.个人尝试的写法无效 /deep/ .el-select-dropdown__list .el-select-dropdown__item 或 /deep/ .el-select-dropdown__list /deep/ .el-select-dropdown__item 等
2022-01-17 10:15:20
2332
原创 手动打点 点击地图打点 获取位置信息
手动打点 点击地图打点 获取位置信息html <point-map ref="pointMap" style="width: 62.8% ;height: 350px"/> // 组件方式引入 import （前文有讲）页面初始化完成后增加方法 （地图加载完成）js let that = this; // 手动打点 setTimeout(() => { this.$refs.pointMap.amapManager.on("click", function (e)
2021-08-16 14:53:35
387
原创 删除数组内元素 失败 有残留数据 splice删除成功 但结果不正确
删除数组内元素 失败 存在残留数据 splice 删除成功 但结果不正确需求 ： 数组中含有对象，对比值与数组中对象某元素是否相等，相等删除，不相等保留。踩坑原因：忽略长度，如果改变了长度 可能此时的对象已经不是原本的对象； 懂得直接看解决方法；不懂得接着往下懂得直接看解决方法；不懂得接着往下let arr:[{id:’index’,name:’你好’}，{index:’2’,name:’世界’}，{index:’3’,name:’啦啦’}，{index:’2’,name:’看见’}]let
2021-08-06 15:56:02
1051
原创 amap 获取 某地天气
amap 获取 某地天气weather() { let that = this; AMap.plugin(‘AMap.Weather’, function () { var weather = new AMap.Weather(); weather.getForecast(‘北京市’, function (err, data) { console.log(data); }); });},
2021-06-27 18:53:31
587
原创 element el-time-picker 时间段动态禁用 禁用时间段
element el-time-picker 时间段动态禁用 禁用时间段// value-format 时间格式//picker-options 绑定禁用时间段 // 需要默认值<el-time-picker value-format="HH:mm:ss"v-model="TimeHour":picker-options="{ selectableRange:DisApplyTimeHours }" placeholder="时间点"></el-time-picker>
2021-06-06 10:58:42
4720
原创 base64图片 转 文件格式 文件转base64图片 base64 转成 Blob
base64图片 转 文件格式 文件转base64图片 base64 转成 Blob废话不多say 上代码????记得点赞哦 ????????大佬请看????base64转图片base64转图片文件是不能直接转成功的 需要将base64 转成 Blob 之后转 File具体写法：· base64 转成 Blob // dataurl ： base64数据 baseToBlob(dataurl, filename = '头像.jpg') { var arr
2021-05-28 09:47:03
465
1
原创 Echarts 柱状图 颜色渐变 渐变规则
Echarts 柱状图 颜色渐变 渐变规则废话不多say 上代码????记得点赞哦 ????????大佬请看????颜色渐变控制：color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [ {offset: 0, color: '#D40F76'}, {offset: 1, color: '#339DD9'} ] )具体写法
2021-05-25 20:28:14
1545
原创 vue element el-upload 上传文档、压缩包表格
el-upload 上传文档、压缩包表格废话不多say 上代码????记得点赞哦 ????????大佬请看????上传事例 ： // 样式根据个人需要进行修改 <el-upload drag :action="UploadUrl()" :limit=limitNum :auto-upload="false" accept=".xlsx" :on-change="fileChange" :file-list="fileList"> // 绑定 // acce
2021-05-20 14:20:27
1607
原创 高德 输入框地点搜索 input 下拉框地点搜索 地图打点
高德 输入框地点搜索 input 下拉框地点搜索 地图打点废话不多say 上代码????记得点赞哦 ????????大佬请看????页面代码html<el-inputplaceholder="搜索或填写地址内容"v-model="address"id="search"@input="supervisorChangeList"@focus="supervisorChangeList"autocomplete="off"></el-input><
2021-05-14 20:12:12
1424
原创 element update 上传使用（一） el-upload 上传图片
el-upload 上传图片废话不多say 上代码????记得点赞哦 ????????大佬请看????上传图片案例：我的上传随form表单一起所以 handlePhoto并没有直接上传的方法 //而是赋值保存 handleRemove 也只是删除清空赋值，不影响后台数据 <el-upload action="#" list-type="picture-card" :limit='1' // 限定个数 :on-change="handlePhoto" // 本地点击上传时的方法
2021-05-09 20:45:02
1335
原创 前端常用正则
前端常用正则手机号 正则：/(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/邮箱 正则： /^[a-zA-Z0-9-]+@[a-zA-Z0-9-]+(.[a-zA-Z0-9_-]+)+$/网站 正则： /^(?:(http|https|ftp):\/\/)?((|[\w-]+.)+[a-z0-9]+)(?:(\/[^/?#]+))?(\?[^#]+)?(#.+)?$/是否为空正则：/^[^\s]{1,}$/1-99整数正则 ： /^[1-9][0-9]{0,1}$/
2021-05-09 20:23:37
275
原创 rgb16进制 颜色随机 js 颜色随机
rgb16进制 颜色随机 js 颜色随机使用场景： 需要背景颜色、饼状图、柱状图颜色，但无法固定使用颜色数量即可应用；????记得点赞哦 ????????大佬请看????// index 生成个数；我使用的是后台给的数据的长度，这样有几个数据就可以产生多少个颜色rgb (index) {//rgb颜色随机 var number = index; // 需要的颜色个数 let color = []; for (let i = 0; i < number; i++
2021-05-06 19:58:37
162
原创 amap 高德 地图打点 地图描点 描点居中 清除打点
amap 高德 地图打点 地图描点 描点居中 清除打点废话不多say 上代码????记得点赞哦 ????????大佬请看????添加描点// marker：null， 放到data里 存放打点位置 方便清除打点 seachPoint(lng, lat) { // 这里调用清除打点的方法 这样地图就会 只出现一个打点 let position = new AMap.LngLat(lng, lat); this.amapManager.setCenter(pos
2021-04-30 09:16:55
1702
原创 vue 使用 amap 创建地图
vue 使用 amap 创建地图为了方便,我使用的组件方式；方法也都在这里；后续不断完善和更新创建地图组件（过于简单不讲，不会的话去看文档学习吧，太基础了 o(╥﹏╥)o ！）创建地图 首先需要一个块来存放地图 也就是 div + id <div id="pointMap"></div>· 为了限制大小样式（注：边框大小之类，地图内样式或地图上添加东西不在这！！） 我还加了一层<div class="map_con" :style="styleObj
2021-04-27 20:22:56
1005
7
原创 vue+amap 高德 vue使用高德 vue使用amap
vue+amap 高德 vue使用高德 vue使用amap你需要一个自己的keyWeb服务API密钥 获取密钥获取指南： Web服务API密钥 获取`项目根目录下加入<script src="https://webapi.amap.com/maps?v=1.4.15&key=你的密钥&plugin=AMap.MarkerClusterer"></script>接下来你的项目就可以使用amap高德地图了使用详情 请查看本级目录按需阅读
2021-04-27 20:07:37
445
原创 uniapp 微信小程序 弹出框 带输入框 带html
uniapp 微信小程序 弹出框 带输入框 带html代码分享????记得点赞哦 ????????大佬请看????html：<modal v-if="showModal" class="showModal" title=" " confirm-text="确定" cancel-text="取消" @cancel="cancelWin" @confirm="Review"> <span>拒绝原因：</span> <textarea
2021-04-23 20:16:56
3980
14
原创 form this.$refs[formName].validate() this.$refs.form.clearValidate() 表单验证 清除表单验证 局部验证 取消局部验证
form this.$ refs[formName].validate() this.$refs.form.clearValidate() 表单验证 清除表单验证 局部验证 取消局部验证废话不多say 上代码????记得点赞哦 ????????大佬请看????你的form标签里加 :rules=“rules” （rules是校验规则）对于需要校验的值增加 prop提交案件 要写成 ： @click=“asd(‘formName’)” （不再说明方法 不动看element文档
2021-04-19 20:00:47
8682
1
原创 element tbale checkbox 条件加禁用
element tbale checkbox 条件加禁用废话不多say 上解决方式????记得点赞哦 ????????大佬请看????表格增加列 且设置type=“selection” 此时为checkbox形态增加方法 属性： selectable=‘selectInit’<el-table-column type="selection" width="55" :selectable='selectInit'></el-table-column> s
2021-04-16 21:14:10
306
原创 element el-image preview-src-list 点击蒙版关闭 图片
element el-image preview-src-list 点击蒙版关闭 图片事例代码： <el-image :src="图片地址.png" :preview-src-list="[图片地址.png]" alt="图片地址.png"> <div slot="error" class="el-image__error">暂无图片</div> </el-image>此时的图片直接点击可以被放大（原始尺
2021-04-14 20:23:01
4160
6
原创 html 标签 富文本内容 提取img 及 img中src
html 标签 富文本内容 提取img 及 img中src废话不多say！上代码！????记得点赞哦 ????????大佬请看????// 待处理数据 var content="<p><h1>html 标签 富文本内容 提取img 及 img中src<h1/> <img src="图片地址url"alt="文字描述"> <img src="图片地址" alt="dachshund" width="100%"></p&g
2021-04-13 20:16:37
1359
原创 vue element el-select 渲染失败
vue element el-select 渲染失败推荐一个google插件吧 讲起来更方便 Vue.js,平常写项目也可以使用（个人一直在使用）用法很简单： 在谷歌插件管理（更多工具=》拓展程序）里打开启动vue项目 就可以在控制台的导航栏里找到Vue了 输入框内输入页面的name就可以查看变量等的变化解决问题：在确保自己书写没有问题的情况下，查看v-mode的值是否有成功（可通过Vue插件查看），如果成功绑定但渲染出现问题可通过强制刷新来解决$forceUpdate（） //强制刷新
2021-04-12 19:57:02
1348
原创 微信小程序 消息订阅 长期订阅 一次授权 多次接收 微信服务通知
微信小程序消息订阅 一次授权 多次接收 发送微信服务通知消息这里讲长期订阅! 长期订阅! 长期订阅!需求描述：– 根据用户不同标签（租户、业主、维修师傅、居委会成员）一键向人员统一发送消息通知；例如：小区6栋6层以上停水一天，这个消息就需要向住户（租户业主）提前发送停水通知，向维修人员发送维修通知整体思路及需要：确认自己开发的小程序的主体是否拥有长期订阅的权限；可参照下图:（图片来自:微信开发社区:小程序模板消息能力调整通知）在微信小程序后台配
2021-04-11 21:15:43
11510
8
原创 websock使用 （可理解为：一次访问多次接收 监听后台返回值 后台直接推送）
websock使用websock 与 http所用的传输协议不一致，所以编写方式也不相同ws等同于http，wss等同于https （本人这么理解，也为了方便记忆）后台可直接推送消息向前台，前台可以拿到后台给的数据，在浏览器控制台Network => ws 也可看见返回的信息代码分享????记得点赞哦 ????????大佬请看???? let websock; //在script标签内 定义websock变量 // 初始化websock initWebSocket(){
2021-04-10 21:03:06
1474
原创 js 识别设备 安卓 ios html确定打开终端（安卓、ios、微信）
js 识别设备 Android ios 确定打开终端（安卓、ios、微信）需求描述：通过扫描二维码 打开html网页，判断用户使用什么终端 - 通过微信扫一扫进入：蒙板方式提醒通过浏览器打开- ios设备浏览器打开，提示暂不支持ios环境- 安卓Android正常展示代码分享????记得点赞哦 ????????大佬请看????var u = navigator.userAgent; // 终端信息var isiOS = !!u.match(/\(i[^;]+;( U;)?
2021-04-09 20:47:04
2739
5
原创 项目启动报错：Uncaught TypeError: self.postMessage is not a function
vue项目启动报错：Uncaught TypeError: self.postMessage is not a function解决方法：在依赖包（node_modules）中找到webpack-dev-server\client\index.js 将（一般在67行左右）if (typeof self !== 'undefined' && (typeof WorkerGlobalScope === 'undefined' || !(self instanceof WorkerGlo
2021-04-08 20:59:11
3719
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人