摘要：
开发背景：vue3父传子，父中调子组件echarts图表 问题：第一次进入数据图表正常，再次进入不更新图表数据的情况下，图表异常多出来一条开始到结尾的连接线 原因：上次数据没清空 解决：请求完接口后先清空数据，在往父传子push图表值 date.value = [];//图表X轴日期 arr1.va 阅读全文
摘要：
前言： 2018年8月25号webpack4正式发布，webpack4引入了零配置的概念（实际配置下来还是要写不少配置）,官方宣传能够提升构建速度 webpack3转webpack4官方说明： https://webpack.js.org/migrate/4/ 涉及文件修改如下： Build/uti 阅读全文
摘要：
vscoder自带的veture和eslint存在冲突，主要表现在 末尾逗号，分号，单双引号的不一致。解决办法：1、npm install --save-dev prettier2、在根目录新建.prettierrc.json文件写入：{ "singleQuote": true, "semi": f 阅读全文
摘要：
项目如果没有格式化插件就会变得十分拥挤，并且因为个人的开发习惯不同，会导致多人配合的时候，某些人的格式不能与你的兼容 导致项目大面积冲突，这样一来统一的格式和开发规范就十分必要了。 1.下载使用vscode，并且安装eslint插件 如何下载vscode我这里就不提了，注意是安装eslint插件 图 阅读全文
摘要：
一、Eslint Eslint 是用来检测和规范代码格式的工具，应用在工程化项目中，可以保证项目代码格式的一致性和规范性，大大提升了代码的可读性。 二、配置过程 本博客是讲述对一个已经引用 eslint 依赖Nuxt项目（vue项目应该相同），在使用VScode进行开发时，如何配置VScode在保存 阅读全文
摘要：
main.js import Vue from 'vue' 同时引入如下： // 引入echart4，echarts4版本放本地， import echarts4 from '../static/js/echarts.min.js' Vue.prototype.$echarts4 = echarts 阅读全文
摘要：
1、全局引入 main.js import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 阅读全文
摘要：
在node_modules 中 找到element-ui/lib路径 创建style.css文件 就好了 阅读全文
摘要：
报错一 warning package.json: No license field$ vue-tsc --noEmit && vite build 解决方案,添加这两行,只添加一个是没有用的 报错二 node_modules/@vue/runtime-core/dist/runtime-core. 阅读全文
摘要：
步骤: 1 Ctrl+shift+p-> 输入选中install package 2 输入sublimeserver回车安装即可 3 安装完了以后,需要开启服务器 4 回到页面上右键 转载于:https://blog.csdn.net/weixin_34247032/article/details/ 阅读全文
摘要：
项目中时常会遇到在线预览PDF文件的需求，网上一找也能找到很多，但被使用率高的并不多，经过多次实验发现被应该最多的还属pdfjs插件。 首先介绍下：Pdf.js插件是由Mozilla 主导推出的 作用：在线预览PDF文件。 使用方法：肯定是去官方网站下载文件代码包了 第一步:上官网下载：/https 阅读全文
摘要：
官方下载： https://mozilla.github.io/pdf.js/getting_started/#download 同目录下pdfjs-2.12.313-dist.zip为官方下载包 此包为pdf白色背景 使用中遇到问题：找不到viewer.html 解决方法：把里面的viewer c 阅读全文
摘要：
子组件使用父组件值，要改变使用用赋值方法，定义新变量： 定义新变量：copyTrendObj 此时copyTrendObj 可以被赋值 props: { trendObj: { type: Object, }, }, watch:{ 'trendObj':function(val) { this.c 阅读全文
摘要：
resistanceRatio抵抗率。边缘抵抗力的大小比例。值越小抵抗越大越难将slide拖离边缘，0时完全无法拖离。 mounted: function() { let _this = this; setTimeout(function() { _this.myswiper = new Swipe 阅读全文
摘要：
mounted() { let _this = this; window.onresize = ()=>{ return (()=>{ this.vscreen.height=document.body.clientHeight+'px' })() } } 给图片设置成屏幕高度： <div :sty 阅读全文
摘要：
1、安装vue-pdf插件，swiper插件、clipboard npm install vue-pdf -snpm install swiper -Snpm install clipborad -S 2、使用，标题头提取的组件，slot占位 <template> <div class="pagep 阅读全文
摘要：
直入主题：vue项目中想做一个全屏翻滚的效果，vue-fullpage 就很不错 下面介绍vue-fullpage 的使用方法，这里封装成了vue的一个指令的形式来进行使用 1、安装vue-fullpage，最新版就可以 npm install vue-fullpage -S 2、入口文件main. 阅读全文
摘要：
方法一： 通过监听事件 document.addEventListener('click',function(e){ if(e.target.className!='usermessage'){ that.userClick=false; } }) 方法二（比较好）： 给最外层的div加个点击事件 阅读全文
摘要：
toggleBody(isPin){ if(isPin){ document.body.style.height = '100vh' document.body.style['overflow-y'] = 'hidden' }else{ document.body.style.height = 'u 阅读全文
摘要：
参考： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#escaping 需求是在输入框中输入文本进行搜索 搜索到的列表数据变色。 但有一种情况 搜索框可能会 搜 中银+ 这种带特殊符 阅读全文
摘要：
VUE使用vue-seamless-scroll自动滚动加点赞，因为有两个overhidden导致点击不同同步dom，在代码中会出现两处vue-seamless-scroll上下悬接，悬接处点赞触发没反应， 导致原因：下方悬接vue-seamless-scroll是静态的，没同步DOM 解决办法：加 阅读全文