- 博客(58)
- 问答 (1)
- 收藏
- 关注
原创 vue3中引入echarts图表
/ 基于准备好的dom,初始化echarts实例(线图)// 使用刚指定的配置项和数据显示图表。// 按需引入 echarts。
2024-06-26 14:23:37 259
原创 微信小程序报错:Error: Page “xxx/xxx/xxx“ does not have a method “e1“,绑定upload()报错,而upload可以
明明绑定了方法,而且在其他地方写法没有问题,原因是在微信小程序中for循环里面方法是传递参数,直接绑定参数会导致编译时找不到对应的方法,而此时我们有需要传参,那么我们就需要使用微信小程序提供的。公共参数data-*
2023-12-15 10:34:02 824
原创 vue3拖拽排序使用Sortable,获取拖拽排序之后的数据
通过绑定onEnd回调方法,获取返回的evt对象,对象中存在oldIndex及newIndex参数,虽然拖拽之后获取的数据是没有改变的,vue3拖拽使用Sortable,获取拖拽之后的数据,Sortable拖拽结束之后获取的数据是没有改变的。1.安装Sortable。
2023-08-16 16:49:17 3905
原创 关于使用element的upload组件上传文件报错问题
upload已经将数据转换为了formData类型,无需再次转换,直接上传获取到的数据即可。b.检查请求头部content-type类型是否为multipart/form-data。如果不是请自定义为multipart/form-data。a.创建一个formData对象。
2023-05-24 16:04:00 3092 1
原创 uniapp小程序页面返回传递参数
1.通过getCurrentPages获取当前页面2.拿到返回页面的实例对象3.调用返回页面实例对象里面的方法4.返回
2023-04-17 11:02:29 422
原创 map信息窗体绑定事件时报错:(index):1 Uncaught ReferenceError: mapCallback is not defined at HTMLDivElem
map信息窗体绑定事件时报错:(index):1 Uncaught ReferenceError: mapCallback is not defined at HTMLDivElem
2023-02-24 17:02:31 389
原创 el-image实现图片旋转并传给后端
第一步,利用el-image的图片预览功能实现旋转。第三步,通过canvas将旋转之后的图片画出来。第二步,添加一个保存按钮,并添加点击事件。# 封装的canvas画图方法。# 封装的img组件。
2023-02-13 16:44:58 1033
原创 后端返回PDF文件地址,直接打印出文件以及下载
将后端地址转换为blob文件,然后创建一个隐藏的iframe标签src设置为pdf地址;前端通过获取隐藏的iframe标签的id来实现打印指定内容。后端给的PDF文件地址,直接将pdf打印出来或者下载。
2022-12-22 18:19:32 1720
原创 element的table里面用select,数据无法动态更新问题
时,在表单内嵌套表格,后端数据没有问题,但是选择器无数据,数据没有动态更新,可以直接给template加上一个slot-scope="scope"就能解决问题。
2022-12-22 11:26:04 2589 1
原创 js正则表达式密码校验
包含八十多个正则表达式,前端开发绝大部分需要的正则表达式都包含。密码必须包含数字,特殊字符,小写字母,大写字母其中三项。分享一个vsCode小插件any-rule。
2022-11-30 11:55:17 1851
原创 uniapp的request封装及使用
uniapp的request封装1.首先创建一个unit文件,然后创建request.js。2.在api文件中引用。
2022-11-22 16:30:41 1956 1
原创 Electron-vue打包错误问题解决
InvalidConfigurationError: "directories" in the root is deprecated, please specify in the "build"⨯ Get "https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z": read tcp 192.168.1.4:51
2022-09-24 16:34:43 2444 1
原创 elementUI控制表格样式(表格头、表格行、表格列)
表格的列通过绑定element给的cell-style回调方法来控制样式,表格行的央视控制官方也给了row-style回调方法。表格头的样式直接通过给el-table绑定header-cell-style来控制。// 表格第一排样式。
2022-09-16 09:36:44 1227
原创 通过数组生成多个Echarts图并讲数据绑定
下载ec-canvas,将ec-canvas.js里面的initByOldWay和initByNewWay方法完全替换在ec-canvas.js的Component的properties里面添加 WXML文件绑定tuData数据,在page对象里面处理好之后绑定js文件在echarts的方法里面直接获取数据...
2022-06-21 21:03:08 604
原创 textarea层级问题
当我们使用textarea时,会出现textarea的层级过高,导致其内容出现在最上面,原因是textarea自带一个position:relative的属性,可以将其重置position:static;将其解决
2022-06-13 02:25:25 486 1
原创 电话号码正则表达式
电话号码正则表达式:/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$///正则表达式letreg_tel=/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/if(reg_tel.test(phone)){ console.log('电话号码符合要求')}else{ ...
2022-04-10 19:33:04 12867
原创 微信小程序navigateBack返回数据
现在navigateBack页面定义一个方法,然后用emit传递数据const eventChannel = this.getOpenerEventChannel();eventChannel.emit('returnData', this.data.data);wx.navigateBack();然后返回之后再wx.navigateTo里面接收数据 to() { wx.navigateTo({ url: url+'?canshu'+this.d
2022-04-03 15:45:39 1141
原创 微信小程序二维码生成
首先需要引入二维码生成工具weapp-qrcode.js或者直接安装npm install weapp-qrcode --saveimport QRCode from '../../utils/weapp-qrcode.js'页面使用cavas<canvas style="width:160rpx;height:160rpx" canvas-id="myQrcode"></canvas>生成二维码new QRCode('myQrcode', { te
2022-03-31 17:35:11 1480 1
原创 vue中数组及对象的变动不能直接侦测到
Vue不能检测对象属性的添加和删除以及变动的数组vue数据绑定更改并更新试图可以用深拷贝或者$setlet data=[1,2,{a:2,b:3,c:4}];//深拷贝let data1=[...data];data[3].d=5;data=data1//$setthis.$set(data,'e',6)
2022-02-23 10:49:43 515
原创 git相关操作
1、初始化git init2、切换到某分支 git checkout name3、创建某分支 git branch name4、查看本地所有分支 git branch5、查看远程所有分支 git branch -r6、查看本地和远程所有分支 git branch -a7、删除本地分支 git branch -d name8、重命名 git branch -m 分支名 新分支名9、拷贝、下载git clone -b 分支名 仓库地址更新分支代码并提交...
2022-02-15 10:42:39 161
原创 组件选择器选择热区及树状表格点击展开区域的扩充
复选框的选择热区扩充//点击表格一行均可选中该行复选框:checkbox-config="{trigger: 'row'}" 表格点击展开区域扩充:default-expand-all="true" //树状表格子孙自动展开:expand-on-click-node="true" //将点击展开区域扩充到整行...
2022-02-08 11:30:15 655
原创 xhr.js?b9e2:210 GET http://localhost:9001/apis/user/validate/code 404 (Not Found)
没有代理,代理错误xhr.js?b9e2:210 GET http://localhost:9001/apis/user/validate/code 404 (Not Found)解决方案:在vue.config,js文件里面配置代理module.exports = { //关闭lint检查 lintOnSave:false, // 配置项目页面 pages:{ index:{ //指定html文件路径
2021-12-02 15:27:52 4228
原创 搭建vuex环境
1.创建文件: src/store/index.js//引入vue核心库import Vue from 'vue'//引入Vueximport Vuex from "vuex'//应用vuex插件Vue.use(Vuex)//准备actions对象—响应组件中用户的动作const actions = {}//准备mutations对象—修改state中的数据const mutations = {}//准备state对象—保存具体的数据const state = {}//当st.
2021-11-25 11:00:00 222
原创 vue监视数据的原理
1.vue会监视data中所有层次的数据 2.如何监测对象中的数据? 通过setter实现监视,且要在new Vue时就传入要监测的数据 (1).对象中后追加的属性,Vue默认不做响应式处理 (2).如需给后添加的属性做响应式,请使用如下API: vue.set(target.propertyName/index. value)或vm.set(target. propertyName/index. valu...
2021-11-24 15:37:32 588
原创 vue中的key有什么作用?(key的内部原理)
1.虚拟DOMkey的作用: key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DoM】与【旧虚拟DOM】的差异比较,比较规则如下:2.对比规则; (1).旧虚拟DOw中找到了与新虚拟DOM相同的key: 若虚拟DOM中内容没变,直按使用之前的真实DOM ! 若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM. (...
2021-11-24 15:34:05 1006 1
空空如也
倒计时相同代码为什么谷歌和搜狐运行不一样,谷歌运行多了一个小时
2021-10-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人