前端
关注
分享
扫一扫
GracieLaw
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue使用动态路由redirect做菜单权限控制
vue使用动态路由redirect做菜单权限控制的思路与实现原创 2022-05-26 11:56:30 · 1584 阅读 · 0 评论 -
IE 错误的数量词（正则报错）
先说结论ie不支持正则?<=的表达式此处附带正则复习链接>>> 正则表达式的先行断言(lookahead)和后行断言(lookbehind)问题vue-cli3 vue2 ie11某功能需要匹配svg标签内缩放的值，于是想到了写个正则svgString.match(/(?<=scale\()(.+?)(?=\))/试验一下嗯。完美。棒棒哒。但是vue组件在ie居然显示不出来了组件标签没有vif但是看看DOM居然是<!---->这是为什么原创 2022-01-27 16:43:33 · 2538 阅读 · 0 评论 -
vue+element UI table 合并列
<el-table :data="tableData" :span-method="handleSpanMethod"></el-table> handleSpanMethod ({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) {// 第1列 const _row = (this.filtterData(this.tableData,'key1'))[row原创 2021-09-07 11:07:13 · 199 阅读 · 0 评论 -
一文读懂JS同异步与事件循环
事件循环同步任务和异步任务所有的同步任务都会在执行栈中，JavaScript在按顺序执行执行栈中的方法时，每次执行一个方法，都会为它生成独有的执行环境（上下文)，当这个方法执行完成后，就会销毁当前的执行环境，并从栈中弹出此方法，然后继续执行下一个方法。所有的异步任务都会放到任务队列中，然后一个一个执行所以他的执行顺序就是先执行同步任务，等到同步任务执行完后，然后再到任务队列中去执行异步任务看个简单的例子console.log('代码开始执行');setTimeout(function(){原创 2021-09-02 19:52:16 · 169 阅读 · 0 评论 -
element图标不显示问题【已解决】
解决：1、在build/utils.js下找到如下。加上 ：publicPath: '../../' if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../'// 此处加上 }) } else { return ['vue转载 2021-04-08 17:47:19 · 674 阅读 · 0 评论 -
移动端点击、滑动和长按事件
<template> <div> <button @touchstart="start" @touchmove="move" @touchend="end" >测试按钮 </button> </div></template><script>export default {name:"Bubble转载 2021-03-25 10:21:21 · 401 阅读 · 0 评论 -
vue 搜索文字高亮方法
// item 高亮字段所属对象 // matchStr 高亮匹配词 // needStr 需要高亮的字符串 // newKeyName 新增需要含高亮字段属性名 highlightWord (item, matchStr, needStr, newKeyName) { matchStr = matchStr.toUpperCase().replace(/\s*/g, '') // 去空格 /* eslint-disable-n...原创 2020-12-24 17:51:32 · 643 阅读 · 1 评论 -
div拖动变换位置+缩放方案（持续更新）
前言vue-drag-resize过于灵活 不适用需求。此处以拖动功能为主 增加缩放，纯拖拽div换位参考另外一篇vue 实现拖拽div交换位置正文缩放思路1，预设5等份宽度控制数组sizeLevelArr 按钮增减level来控制宽度大小。<template> <div class="root"> <el-button size="mini" class="mb10" @click="dragg原创 2020-08-27 16:35:03 · 873 阅读 · 0 评论 -
vue 实现拖拽div交换位置
<template> <div> <transition-group tag="div" class="container"> <div class="item" :class="'item'+i" v-for="(item,i) in items" :key="item.key" :style="{'backg原创 2020-08-26 11:16:24 · 1226 阅读 · 1 评论 -
echart点击范围太小，getZr()合并containPixel()扩大点击范围。
原点击事件切换如下chart.getZr().on('click', async (params) => { const pointInPixel = [params.offsetX, params.offsetY] if (chart.containPixel('grid', pointInPixel)) { let index = chart.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0] // index=数据index原创 2020-08-24 11:38:36 · 3345 阅读 · 3 评论 -
el-upload的bug:file-list绑定数据无效/空白
github的issue说明解决方法给el-upload绑定ref属性upload通过this.$refs.upload.uploadFiles来获取&处理数据原创 2020-06-15 17:50:48 · 6959 阅读 · 1 评论 -
Vue + Element UI 实现更换自定义皮肤主题
伸手党福利实现自定义elementUI 主题色，首先是跑一遍ele的主题修改，elementUI文档传送门戳我然后我们就可以用组件来实现主题自定义啦~ele文档原文如果你的项目没有使用 SCSS，那么可以使用命令行主题工具进行深层次的主题定制：安装工具首先安装「主题生成工具」，可以全局安装或者安装在当前项目下，推荐安装在项目里，方便别人 clone 项目时能直接安装依赖并启动，这里以全局安装做演示。npm i element-theme -g安装白垩主题，可以从 npm 安装或者从 Git原创 2020-05-29 16:27:04 · 1059 阅读 · 0 评论 -
WeixinJSBridge API
<!DOCTYPE html><html><head> <title>微信WeixinJSBridge API</title> <meta charset="utf-8" /> <script type="text/javascript"> (function () { var...转载 2019-10-16 16:52:01 · 564 阅读 · 0 评论 -
vue-cropper报错template or render function not defined.
vue-cropper : template or render function not defined第一次用vue-cropper，直接抄demo，结果启动后vue-cropper组件一直报template or render function not defined.问题引入的时候直接用了import VueCropper from 'vue-cropper'解决办法引入改为...原创 2019-09-30 11:55:06 · 976 阅读 · 0 评论 -
实现一个移动端无限滚动+下拉刷新列表组件
部分功能描述下拉松开可以刷新列表滚动触底加载分页数据底部加载失败点击重新加载加载完毕显示加载完成使用项目中<template> <div class="page"> <div class="list"> <!-- 查询无结果 showFlag===1 --> <!-- <notFound ...原创 2019-09-26 17:27:51 · 1203 阅读 · 0 评论 -
微信网页ios分享出去链接与当前页面不一致的解决办法
在开发微信公众号的时候，有些页面要做分享功能，未配置的情况下，在IOS上直接调用微信分享没有效果，可以这样解决在当前页面重置window.location.href beforeRouteEnter (to, from, next) { // ios微信分享需要重新设置URL next(vm => { if (!window.localStora...转载 2019-09-18 14:46:35 · 2630 阅读 · 0 评论 -
微信页面嵌入canvas画图安卓会下拉的bug
需要用canvas实现手写签名的功能然鹅 微信打开页面安卓手机很不友好，我们需要固定的画布，在微信里面打开的链接页面如果没有经过特殊处理，往下画canvas的时候，会出源站的域名。像酱紫。这边解决的思路是临时让页面禁用touchmovevue框架 部分源码<template> <div class="signPage"> <div class=...原创 2019-09-11 17:45:35 · 450 阅读 · 0 评论