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