js功能实现
王——小喵
码上有钱,码上暴富
展开
-
qiankun 与vue-router4 不兼容导致路由显示 undefined 问题
在路由前置守卫中监听 to 及 from 的变化,发现 router.push 跳转路由时,会发现打印出 两次以上的 to、form 对象,只有第一次打印的from对象是正确的,而后两次都是由于 qiankun 与vue-router 不兼容引起的路由守卫重复执行的问题导致的,当重复执行三次以上时,用户点击浏览器左上角的回退按钮会出现路由显示undefined,导致页面404不展示。解决方法:使用 window.history.pushState() 代替 router.push() 方法。原创 2023-07-10 18:28:59 · 936 阅读 · 0 评论 -
登录验证码
如何纯前端实现登录验证码。原创 2023-01-19 20:45:00 · 258 阅读 · 0 评论 -
前端如何实现excel文件上传到服务器
前端如何实现excel文件上传到服务器?我的需求是:用户上传文件后,不自动上传到后台,需要另外点击上传按钮后再上传到后台。原创 2022-12-09 15:00:50 · 1174 阅读 · 0 评论 -
系统管理的按钮权限和菜单权限该如何做
如何用自定义指令和globalProperties全局变量控制系统管理的按钮权限原创 2022-12-05 21:22:26 · 601 阅读 · 0 评论 -
form表单有大知识
表单的同步提交及缺点:缺点:1.页面会发生跳转;2.页面之前的状态和数据会丢失解决方案:表单只负责采集数据,使用Ajax将数据提交到服务器当前端无法解决跨域,又需要发送请求时,可以通过表单提交来解决原创 2022-11-08 22:08:06 · 1945 阅读 · 0 评论 -
element组件踩坑记录
解决方法:在获取表格数据的时候,使用组件提供的 toggleRowSelection 方法,切换某一行的选中状态,进行多选框的回显,此方法也可实现切换分页时的回显,需要注意的是 使用 toggleRowSelection 方法 必须使用绑定table的原有数据,不可使用传入的参数,否则方法会无效。解决方法:可以给el-table绑定row-key属性,用来优化 Table 的渲染;解决方法:给 el-table 绑定 key 值,在需要更新时 this.num++,触发 el-table 的重新渲染。原创 2022-09-18 18:23:27 · 2231 阅读 · 0 评论 -
前端如何用mockjs插件模拟接口调用
当前端的静态页面铺设完成,而后端的接口还没有写好时,可以询问后端返回数据的格式,使用 mockjs 来模拟后端接口的调用。原创 2022-09-17 17:12:14 · 361 阅读 · 0 评论 -
如何将canvas截图插入dom中以及如何将canvas转为文件对象并下载到本地
如何将canvas截图插入dom中以及如何将canvas转为文件对象并下载到本地原创 2022-09-01 18:15:00 · 767 阅读 · 0 评论 -
如何制作组织结构echarts图,并结合formatter和rich制作好看的样式,同时解决echarts渲染报错和引入图片报错的问题
如何用echarts制作组织结构图,并结合formatter和rich制作好看的样式,同时解决echarts渲染报错和引入图片报错的问题原创 2022-08-30 18:45:00 · 2313 阅读 · 0 评论 -
this.$router.resolve新窗口打开vue页面
this.$router.resolve新窗口打开vue页面原创 2022-08-23 15:28:08 · 516 阅读 · 0 评论 -
如何使用sortablejs拖拽库并封装成组件
var sortable = Sortable.create(el,{配置内容})使用sortablejs拖拽库并封装成组件原创 2022-08-18 14:41:02 · 488 阅读 · 0 评论 -
二次封装element-plus的表格组件,并实现表格合并
二次封装element-plus的表格组件,并实现表格合并原创 2022-08-09 12:12:36 · 734 阅读 · 0 评论 -
如何封装微信小程序的 wx.request() 请求
先对wx.request()进行基本的请求封装,再继续封装post和get请求。原创 2022-07-30 16:10:58 · 737 阅读 · 0 评论 -
富文本编辑器 quillEditor 的使用方法
装包 vue-quill-editor 和高亮插件 highlight.js。vue2项目需要注册,vue3项目不需要注册。原创 2022-09-24 09:00:00 · 864 阅读 · 0 评论 -
前端如何下载excel表格
下载excel1.1下载表单,需要自己配置,引用别人封装好的ts文件import { downloadXlsxFile } from "./downloadFile"; //引入自定义xlxs tsconst form = reactive({val:{}form.val=res.data.trsCircuit; const labelAll = { aaddress:'A端装机地址', abuzPort: "A端业务设备端口",原创 2022-05-10 13:49:54 · 4201 阅读 · 0 评论 -
svg组件封装
npm install svg-sprite-loader -Svue2src/components/SvgIcon/index.vue<template> <svg :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName" /> </svg></template><script>expo.原创 2022-05-05 14:15:08 · 1373 阅读 · 0 评论 -
下载图片功能,全屏功能,复制功能
下载图片功能 <img src="@/assets/routeimg.jpg" id="routeImg" @click="downloadRouteImg('routeImg', '路由图')" />const downloadRouteImg = (id, nameStr) => { var oQrcode = document.getElementById(id); var url = oQrcode.src; .原创 2022-04-19 17:50:10 · 83 阅读 · 0 评论 -
vue项目实现鼠标拖拽功能
<div id="back" @mousedown="draggableFun($event)" >// 返回按钮点击事件const goBack = () => { store.showDetail = false;};// 鼠标拖拽事件const draggableFun = (val) => { var div = document.getElementById("back"); var dragFlag = false; v.原创 2022-04-18 15:46:31 · 6391 阅读 · 0 评论 -
热力图echarts的实现
判断一个点是否在多边形二维数组内部 /** * @description: 判断点是否在多边形内部 * @Author: wangxiaomiao * @param {Polygon} [[100,150],[110,112],...] * @param {Point} [240, 240] * @return {*} true 在多边形内部 false 不在多边形内部 */ isPointInPolygon(Polygon,原创 2022-04-22 11:13:00 · 1032 阅读 · 0 评论 -
在vue项目中使用html2canvas将html内容写入canvas生成图片
安装 html2canvas 包npm install --save html2canvas或者yarn add html2canvas -S在需要使用的页面引入import html2canvas from "html2canvas";html代码<div id="targetDom">需要生成图片的盒子</div><button @click="creatPic">点击生成图片</button>js代码 c原创 2022-04-06 17:54:35 · 1285 阅读 · 2 评论