- 博客(65)
- 收藏
- 关注
RSS订阅原创 请输入公众号相关链接，并以http://或https://开头
公众号发布文章是,要是想引入外部链接会报错: 请输入公众号相关链接，并以http://或https://开头, 这个报错是因为公众号只有在认证之后才可以引入外部链接,认证需要是企业或者微信内部邀请才可以,所以只能想办法绕过解决办法: 把站外链接放到引用文章位置,就可以引导用户点击文章最下方的 阅读原文,去访问到我们的站外链接OK, 完事~...
2022-01-14 19:17:26
20151
原创 uniapp 页面滚动到指定dom位置
uniapp 页面滚动到指定dom位置页面滚动到指定位置,uniapp提供了获取dom对象实例的api和页面滚动的api,结合一下就可以了文档:获取对象实例api文档页面滚动api文档上代码:// methods中声明方法,需要滚动的时候调用就行pageScroll() { // 先获取目标dom的实例信息 // data即为实例信息, data.top, data.left, data.right, data.bottom即为dom的对应坐标 uni.createSelectorQue
2021-12-29 18:22:26
1850
原创 uniapp动态显隐导航栏图标
uniapp动态显隐导航栏图标直接上代码:if("隐藏条件触发") { // 隐藏 var pageView= this.$mp.page.$getAppWebview(); pageView.setTitleNViewButtonStyle(0,{ width: '0' }); pageView.setTitleNViewButtonStyle(1,{ width: '0' });} else { // 显示 var pageView= thi
2021-12-28 16:50:21
1055
原创 uni-apppages.json添加条件编译之后 “pages.json解析失败“
uni-apppages.json添加条件编译之后 “pages.json解析失败”上图:原因:条件编译不能处于json的最后一项上面:修改:随便移动一个属性到条件编译的下面,就可以了完事~
2021-12-27 18:25:04
1073
3
原创 react项目，修改文件保存后，页面不会自动刷新
标题react项目，修改文件保存后，页面不会自动刷新解决方案：在package.json同级根目录下创建 .env文件写入：FAST_REFRESH=false完事~
2021-11-22 14:47:39
2311
原创 element 全局设置点击遮罩层不关闭 Dialog
element 全局设置点击 modal 不关闭 Dialog在main.js添加代码Element.Dialog.props.closeOnClickModal.default = false;Vue.config.productionTip = false;完事~
2021-10-25 10:36:23
599
原创 element el-upload组件before-upload及on-success回调传递额外参数
element el-upload组件before-upload及on-success回调传递额外参数html：<el-upload v-loading="加载状态" name="文件参数名" :action="上传请求地址" :headers="请求头额外参数" :before-upload=" (res) => { return beforeUpload(res, '额外参数'); }
2021-10-25 10:31:56
3212
转载 富文本数据在移动端中样式修改
获取到富文本信息：用正则表达式定位要修改的部分，替换要修改成的文本内容。var richtext= res.data.data.richtext;const regex = new RegExp('<img', 'gi');richtext= richtext.replace(regex, `<img style="max-width: 100%;"`);this.content = richtext;将替换后的内容放到html显示。转载于 原博客...
2020-11-12 16:31:20
731
原创 element 下拉选项层级过高问题
element ui下拉选项层级过高遮挡面包屑与head头问题解决问题:vue+element项目,下拉选择组件页面滚动时层级过高遮挡面包屑与head头解决:曲线救国,当页面滚动时,将所有下拉框关闭,就不会遮到顶部了~~在utils文件夹定义工具js:let lock = truelet el = null// const MousedownEvent = new Event('mousedown', { bubbles: true })// const MouseupEvent =
2020-10-29 09:50:15
1708
5
原创 页面滚动条固定到最底部
将页面定位到距顶部的指定位置项目中遇到的需求,具体可以用来实现 聊天室发送消息后使最后发的消息展示在页面上等, 方法亲测有效在想要定位的位置添加一个空的div盒子,给一个绝对定定位,父级盒子记得子绝父相,然后给一个id做标识<div style="position:absolute" id="onbottom"></div>然后在需要定位的时候调用document.getElementById("createdTest").scrollIntoView();完
2020-09-17 14:06:50
1261
1
原创 H5页面视频播放后video标签层级变为最高遮盖其他元素
H5页面视频播放后video标签层级变为最高遮盖其他元素Android微信内置浏览器是X5内核,X5内核中默认了video的层级是最高级别,H5页面播放完视频后,video标签的层级会变成最高,遮盖其他所有元素解决:添加 x5-video-player-type='h5-page'属性就行<video x5-video-player-type='h5-page' :src="item"></video>问题解决!...
2020-09-01 13:49:30
3189
1
原创 vue将图片网络地址转base64格式
vue中将图片网络地址转base64格式bannerToBase64(imgUrl) { // 一定要设置为let，不然图片不显示 const image = new Image(); // 解决跨域问题 image.setAttribute('crossOrigin', 'anonymous'); const imageUrl = imgUrl; image.src = imageUrl // image.onload为异步加载 image
2020-07-20 16:49:17
7405
6
原创 点击下载图片(兼容ie)
需求: 点击按钮下载图片:解决:1) 判断浏览器类型:myBrowser() { var userAgent = navigator.userAgent // 取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf('OPR') > -1 if (isOpera) { return 'Opera' } // 判断是否Opera浏览器 OPR/43.0.2442.991 // if (userAgent.indexOf(
2020-07-20 16:33:17
570
原创 vue项目运行之后自动打开两个窗口
vue项目运行之后自动打开两个窗口,将其改为只打开一个解决: 找到 config.js 文件下的devServer,把open属性改为false,运行后就不会自动打开了再在 package.json 中在项目运行命令后加 --open:问题解决!...
2020-06-11 11:32:41
3638
3
原创 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本
全局安装了Typescript运行环境,运行时报错:无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本解决:以管理员身份运行powerShell(一定要以管路员身份打开):命令行:set-ExecutionPolicy RemoteSigned敲 A 或者 Y 即可ok,完成!...
2020-05-26 16:53:44
34133
14
原创 uniapp监听视频播放进度,完成视频试看操作
监听视频进度,完成视频试看功能前端监听视频播放进度,在试看结束后做一些操作html:<!-- poster为视频封面,timeupdate为视频播放进度事件,每250毫秒触发一次(但是不准) --><video :src="class_info.video_audio_url" id="myVideo" :poster="imgurl" @timeupdate="videoTimeUpdateEvent"></video>script:
2020-05-09 14:52:21
11447
1
原创 axios请求在ie浏览器报错 Access-Control-Allow-Headers 列表中不存在请求标头 authorization
ie浏览器报错,其他浏览器正常,上图:原因:vue axios 跨域请求，请求头不传token时，所有浏览器都能成功，在请求头中传token，在谷歌浏览器和火狐正常，在ie浏览器报错,因此可以得出是请求头token的问题,解决:标准的head，认证名字叫做Authorization，A要大写，但是在vue用axios跨域请求时，传的head名称为authorization，是小写，所以即...
2020-04-22 09:54:55
5657
4
原创 小程序设置单个页面头部title字体色及背景色
小程序设置单个页面头部title字体色及背景色项目里的一个页面白底黑字显得很突兀,想更改一下头部配色,上图:查找了文档,发现可以修改,见链接: https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.setNavigationBarColor.html直接在onLoad中写就ok,(基础库1.4.0...
2020-04-17 16:40:54
6251
1
原创 js清空数据,输入框未清空
js清空了输入框双向绑定的数据的值,但是输入框不改变出现bug:我觉得代码也没问题,甚至动用了v-if刷新都不行,: 上图:解决:加个定时器延时清空数据,:ok,问题解决...
2020-04-16 18:52:03
722
原创 监听用户点击软键盘完成按钮发送输入框消息
监听用户点击了软键盘上的完成按钮后做一些操作给input绑定@confirm="confirm":<input type="text" @confirm="confirm" class="chat_ipt" v-model="chat_desc" placeholder="输入讨论内容或提问" />在回调里执行就行:async confirm() { // 要执行的操作}...
2020-04-14 17:13:22
1732
原创 小程序判断ios安卓(及当前设备信息)
var that = this; wx.getEquipmentInfo({ success:function(res){ console.log(res) // 当前设备信息 let type = res.system.substring(0, 7); if(type == 'Android') { Android } else { ...
2020-04-14 16:33:42
1128
原创 uniapp使用socket,开发工具ios端正常, 安卓端连接失败, 报错: "open fail: _code:20,_msg:Invalid HTTP status."
问题: 项目中遇到的问题,socket在开发工具和ios端都能正常连接并生效,正常运行,但是在ios端却连接失败返回errCode:1004, "errMsg:open fail: _code:20,_msg:Invalid HTTP status." 上图:解决:排查了许久,甚至将ws.connectSocket换成uni.connectScoket都不行,后来才发现是socket连接地...
2020-04-14 11:21:26
3452
4
原创 解决Invalid options in vue.config.js: "baseUrl" is not allowed报错
新项目添加config配置后,Invalid options in vue.config.js: "baseUrl" is not allowed报错因为vue-cli.3.3版本后后将baseUrl废除了,使用publicPath代替了,将baseUrl换为publicPath就好了...
2020-04-13 16:20:30
13574
1
原创 uni-app中scroll-view的scroll-top不生效问题(已解决)
uni-app中scroll-view的scroll-top不生效问题(已解决)项目中有聊天功能,每次收到消息需将滚动条固定在屏幕最底端,让最新的消息展示出来.使用到了scroll-view,但是他的scroll-top属性一直不生效.将其赋值为动态绑定的值也不生效,甚至每次收到消息都将它重新赋值都没有用.上代码:后来在文档中发现了这个东西,:好吧.每次收到消息将它加1 ,ok,生效了...
2020-04-10 17:09:36
7226
3
原创 小程序分享链接配置
页面内点击按钮调起分享首先定义一个button,type设置为share(注意,一定要是button才可以):<button type="default" open-type="share">分享</button>配置分享 // 分享配置 onShareAppMessage(res) { // 页面内按钮分享 if (res.from === 'butt...
2020-04-10 16:57:58
1236
原创 小程序点击一下跳转两次页面
给元素绑定点击事件,点了一下跳转了两次页面的坑最近项目里给自己挖了一个想锤自己一顿的坑,点击一个按钮跳转页面,但是每次点击会跳转两次,跳一个正常的页面,再跳一个其他的页面,找了好久的问题…跳转事件,怎么看都没有毛病(实际上它真的没有毛病…):后来找了好久的问题才发现:这个按钮之前已经被我加了一个页面跳转了,我忘了删.最气的是,这个问题无法在微信开发者工具上复现,真机才可以!!!...
2020-04-08 09:48:50
2351
3
原创 小程序 Socket使用
uniapp connectSocket使用// 小程序connectSocket连接初始化 async startConnect() { // 本地测试使用 ws协议 ,正式上线使用 wss 协议, 此地址为后端规定,可在其后面直接拼接参数 // 例如: ws://192.168.0.1:8080?member_id=45&schedule_id=1&nickname...
2020-04-07 18:46:33
762
原创 修改nui-app中rich-text富文本内容的css样式
如何修改rich-text富文本内容的css样式以图片举例:我们可以使用正则匹配的方式为富文本的标签加上类名:富文本渲染数据.replace(/\<img/gi, '<img class="richImg"');然后给他加样式就行了:rich-text .richImg { width: 100%; height: auto;}ok, 问题解决....
2020-04-03 16:21:38
4595
5
原创 js将数组内的多个对象根据不同的日期分为不同的数组
要将列表里的数据根据不同的日期分为不同的数组,以达到一个日期下多条数据的目的上代码:data() { return { last_data: {} // 初始化一个对象用来接收处理后的数据 }} // 调用方法将列表传入concat(data) { // 循环 for (var i = 0; i < data.length; i++) {...
2020-03-28 15:04:13
1024
转载 所有地区身份证开头(校验用户填写身份信息)
所有地区身份证开头(用于校验用户填写身份信息)export default { province_list: { 110000: '北京市', 120000: '天津市', 130000: '河北省', 140000: '山西省', 150000: '内蒙古自治区', 210000: '辽宁省...
2020-03-27 11:46:48
13781
原创 阿里云文件上传封装
阿里云文件上传封装// oss上传import OSS from 'ali-oss'import md5 from 'js-md5'import {Toast} from 'vant';const clientOss = new OSS({ region: 'oss-cn-beijing', endpoint: 'https://xxxx.xxxxxxxxxxxxxx....
2020-03-26 17:32:10
330
原创 H5 video标签封面
H5 video标签封面使用视频的第一帧作为video标签的封面**<video src="地址" poster="地址+ '?x-oss-process=video/snapshot,t_1000,f_jpg,w_800,h_600,m_fast'"></video>ok...
2020-03-25 15:13:49
4898
原创 vue图片预览
vue结合vant实现图片视频预览1. 给图片或视频添加点击事件<div class="comment_image_box_list" v-for="(imgitem, imgindex) in item.img_url" :key="imgindex+'i'"> <img :src="imgitem" alt="" @click="showPopup(imgitem, 1...
2020-03-23 18:24:51
465
原创 Vue实现文件上传
Vue结合Vant进行文件上传html:调起手机文件夹及录像机上传视频:<van-uploader :after-read="afterRead" preview-size="38" upload-icon="plus" accept="video/*"> <span class="icon">򪜐</span> &l...
2020-03-23 18:06:57
2846
原创 Duplicate keys detected: '0'. This may cause an update error
Duplicate keys detected: ‘0’. This may cause an update err这个报错是因为同级for循环:key值重复导致的,给他们其中一个的key赋个不同的值区分一下就好了
2020-03-19 17:05:47
469
原创 CSS minification error: Cannot divide by "rem", number expected.
打包报错: CSS minification error: Cannot divide by “rem”, number expected.是因为文件写css时出错:直接计算后写上即可:问题解决
2020-03-13 15:06:20
1928
原创 如何计算对象长度以及删除对象中的某个属性
计算对象长度:利用Object.keys()利用Object.keys()将对象的属性名组成数组,再使用.lengthObject.keys(a).length删除对象中的某个属性:使用deletedelete a.b
2020-03-13 14:57:50
248
原创 vant中list列表组件使用(附详细注释)
vant中list组件使用html:<van-list v-model="loading" // 是否显示正在加载状态 :finished="finished" // 是否已经加载完成 finished-text="没有更多了" // 加载完成提示文案 @load="onLoad" ...
2020-03-12 18:32:05
36944
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人