- 博客(31)
- 收藏
- 关注
原创 uniapp 实现app版本更新
在显示版本信息页面,增加点击事件,点击时调用检测版本方法。在登录成功以后调用之前写好的检测版本的js;在onLaunch周期里面更改为true;在登录界面获取这个变量,并更改为false。至此登录检测更新就可以了。
2022-12-14 11:07:13 683
原创 uniapp 返回上一页刷新数据,h5正常,app端无效
有A、B页面,B页面需要保存成功后返回A页面,并刷新A页面数据。H5端测试可以,但发行为app安装到手机上,B返回A页面时无法实现数据刷新。
2022-12-14 10:49:17 715 1
原创 解决 jquery 版本的easyui datagrid标题全选在内容复选框有禁用的情况下不勾选的问题
解决 jquery 版本的easyui datagrid复选框有禁用的情况下标题全选不勾选的问题。一开始是使用attr添加checked,但是无效.后来百度的时候看见有篇文章可能是jquery版本的问题,需要使用prop使用prop后解决了这个问题。...
2022-07-08 15:06:48 611
原创 jquery 同源下载图片到本地
jquery 下载网络地址图片到本地同源下用a标签加download属性可以下载图片//html代码<img class="showImg" src="/img/a.jpg" /><img class="showImg" src="/img/b.jpg" /><button onClick="downLoad()">下载</button>//js代码function downLoad(){ //得到图片 let imgList = $(
2022-05-24 16:25:56 1005
原创 vue 动态修改网页标题
需求:根据系统的不同显示不同的网页标题。解决:使用document.write。getSystemInfo(path){ listFunctionData('system.selectSystemByCode',{sysCode:path}).then(res=>{ if(res.code == 200 && res.data.rows.length>0){ let row = res.data.rows[0];
2022-05-09 16:41:48 397
原创 vue 组件之间的循环引用
假如有A,B两个组件,渲染A组件的时候,A组件中引入了B组件显示,在渲染B组件的时候又引入了A组件,会导致控制台一直报是否正确注册了组件的错误。组件循环嵌套引发的问题。官方文档也有说明,组件循环引用解决办法:异步导入(在B组件里面异步导入A组件),1,在components注册时异步components: { VueDragPrintItem: () => import('../index.vue') },2,在beforeCreate生命周期里面beforeCreate:
2022-02-14 10:56:05 3295 1
原创 vue Echarts 多个图表自适应浏览器窗口变化
平台管理首页显示图表,但是调整浏览器窗口大小时,图表不会随着窗口的变化而变化。解决代码:首先定义变量data(){ return{ pieChart:null, statusChart:null, barChart:null, }}在mounted里面mounted(){ let _this = this; //窗口变化 window.onresize =() =>{ return (()=>{ _this.p
2022-02-07 09:32:05 647
原创 vue 在index.html引入的js文件,刷新后引入的js文件路径前面加上了目录的路由
vue 项目打包后运行到服务器端,刷新后在index.html引入的js文件路径前面会加上当前显示的路径。一直以为是引入的路径有误,后来发现是在vue.config.js的配置写错了。
2022-01-27 14:11:55 1821
原创 vue 深度作用选择器 >>>、/deep/、::v-deep
vue项目中,会使用elementUI等组件库,有些样式直接在组件中修改无效,又因为scoped局限于当前组件,去掉scoped的话又会影响全局样式。所以会用深度作用选择器来修改样式。1,>>>如果vue的style使用的是css,就可以用>>>。<style scoped> .hide >>> el-upload--picture-card { display:none; /* 上传按钮隐藏 */ }<
2022-01-22 16:02:42 3066 2
原创 vue 行内样式加背景图不显示问题
vue图片放在assets里面,在标签上动态绑定一个背景图样式,不显示问题。<div class="login" :style="{backgroundImage:'url('+loginImage+')'}"></div>图片路径loginImage:'../assets/images/login-background.jpg' //默认图最开始以为路径写错了,就在样式位置直接加,但是显示是正常的。<style rel="stylesheet/scss" lan
2022-01-22 14:49:31 3074 2
原创 vue elementUI弹窗使用destroy-on-close后,关闭弹窗会重新发送请求
vue elementUI的el-dialog弹窗组件使用destroy-on-close属性后,关闭弹窗会从新发送请求。
2022-01-19 14:32:00 1673
原创 vue 富文本编辑器上传图片到服务器并显示到富文本中
问题:因为富文本编辑器上传图片后,是转成base64保存进数据库,图片过大时参数会很长。前提条件:安装了quill富文本编辑器。npm install quill@1.3.61,安装好后在页面直接引入quillimport Quill from "quill";import "quill/dist/quill.core.css";import "quill/dist/quill.snow.css";import "quill/dist/quill.bubble.css";2,先隐藏一个ele
2022-01-11 11:29:59 1999
原创 vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length‘ of null
vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length’ of null。报错报错原因v-model绑定的值在定义的时候有问题,多选框类型应该定义为数组,之前是checkList:null。<el-checkbox-group v-model="checkList" :disabled="disabled" @change="handleChange($event, re
2021-11-03 18:52:37 2225
原创 js 转换时间格式
2021-11-01T18:44:00.000+08:00格式转换为2021-11-01 18:44:00function formatDate(cellValue) { if (cellValue == null || cellValue == "") return ""; let date = new Date(cellValue) let year = date.getFullYear() let month = date.getMonth() + 1 < 10 ? '0'
2021-11-01 18:49:49 961
原创 js 手机号码验证
用正则来验证手机号码格式是否正确方法一:/^1(3|4|5|6|7|8|9)\d{9}$/function checkPhone(phone){ let reg= /^1(3|4|5|6|7|8|9)\d{9}$/; if(!reg.test(phone)){ alert("手机号码验证失败"); }else{ alert("手机号码验证成功"); }}方法二:/^1[3|4|5|6|7|8|9][0-9]\d{8}$/function checkPhone(phone){ l
2021-10-25 15:41:56 818
原创 vue 转换数组元素的数据类型
数组字符串转数组数字例:[“1”,“2”,“3”,“4”]转成[1,2,3,4]用map方法就实现了["1","2","3","4"].map(Number)数组数字转数组字符串[1,2,3,4] 转成[‘1’,‘2’,‘3’,‘4’’][1,2,3,4].map(String)做项目的时候,elementui的选择器多选回显的时候因为数据类型不匹配导致回显异常,就用map来转换的数据,记录一下。...
2021-10-20 18:52:56 2763
原创 vue项目打包后,直接运行index.html文件报无法访问你的文件
问题:vue-cli项目用npm run build打包后,直接运行dist里面的indx.html文件,页面报无法访问你的文件,控制台报不允许加载本地资源。原因:一直以为是路径配置有误,后来百度发现是vue-router的模式设置问题。我把vue-router的mode改为hash就解决问题了。export default new Router({ mode: 'hash', // history去掉url中的# scrollBehavior: () => ({ y: 0 }),
2021-10-09 14:46:49 3081 1
原创 静态资源下的js文件监听vue页面组件的事件
需求:在public下写一个js文件,js文件里面可以监听页面组件的事件,在项目整体打包过后直接修改js文件里面的内容,来修改页面。用的$on方法环境:vue版本为2.6.10,安装了element ui。1,public文件下新建config.jsconfig.js里面的内容let config = { edit(self){ let _this = self; _this.$refs.hello.childMsg = '修改后的值'; }, monitorEvents(self
2021-09-23 13:56:04 371
原创 uniapp 限制列表显示条数
uniapp 限制列表显示条数因为后端返回的数据是所有,但是在首页上只需要显示几条数据,所以直接用slice来截取的。<li v-for="i in list.slice(0, 2)" v-text="i"></li>不知道后续会不会有影响,记录一下。...
2021-09-23 10:35:14 1663
原创 在vue中使用Swiper
最近在学习vue,给大家分享一下,swiper在vue中的使用(两种方法)。一,直接安装swiper1,在项目根目录下,安装swipernpm install swiper --save或淘宝镜像下的cnpm install swiper --save出现版本号,即安装成功2,在需要使用轮播的vue页面,导入swiper cssimport Swiper from 'swi...
2020-03-01 13:53:18 1923
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人