
前端-原创
晨洛溪月
学海无涯苦作舟
展开
-
vue切换全屏图标实现全屏screenfull效果,同时解决import screenfull出现缺少loader的问题
1、安装 screenfullnpm install screenfull --save安装之后,在需要实现全屏的vue文件中import,但是出现下面这个问题:You may need an appropriate loader to handle this file type,currently no loaders are configured to process this file, See....解决过程尝试安装一些缺少的style-loader、css-loader。但是原创 2022-05-09 14:28:01 · 1888 阅读 · 1 评论 -
解决-echarts点击左边柱状图的任意一个柱子,右边柱状图动态呈现相应的数据过程中的-方法
效果就是这样,当我点击左边柱状图的任意一个柱子的时候,右边就呈现该柱子里面的你想要呈现的数据。第一步:首先肯定是创建容器来存放柱状图啦<div class="BigBox"> <div id="leftBar" style="width: 750px; height: 500px;" @click="isShowRightBar"></div> <div id="rightBar" style="width: 600px; height:原创 2022-04-22 18:21:45 · 6742 阅读 · 0 评论 -
Vue 二次封装element-UI按钮组件可全局引用或局部引用到页面上
每当我们需要修改的时候,只需维护那一个功能性组件即可,不需要这个功能了,只需要从页面中删除这个组件的引用即可。1.先封装好按钮组件,这个是要设置为全局组件的组件,话不多说,代码如下<template> <el-button :type="btntype" :size="size" :disabled="disabled" :class="className" :round="round" :plain="plain" :circle="circle"原创 2022-04-15 15:02:36 · 4394 阅读 · 0 评论 -
解决[Vue warn]: Invalid prop: custom validator check failed for prop “index“的问题
解决方法::index里面呢的 index的值不能有空格,并且要为字符串类型,然后在后面加上.toString()<el-menu :default-active="this.$route.path" class="el-menu-demo menuNav scroll-menu" mode="horizontal" background-color="#FFFFF原创 2022-04-12 10:53:07 · 4205 阅读 · 1 评论 -
解决点击页面跳转导致路径叠加,无法显示的问题
用Vue+element-ui 开发后台页面菜单的时候,会遇到点击路由能显示,但是在这个基础上再点击下一个页面的时候,不能正常显示,然后看链接,发现她们的path部分叠加在一起了。 { path: 'ccode', component: () => import('../components/ccode') }, { path: 'notice', component.原创 2022-04-11 17:50:51 · 1390 阅读 · 0 评论 -
解决卸载node升级到node12版本后踩坑sass-loader和node-sass版本冲突的问题
因为项目发展需求,版本不能只停留在node12,必须要更新。在学校安装的node,是这个版本我的硬件是win10然后我隔壁同事先更新node16版本,结果报错浪费了一下午的时间都没有解决,又装回12的去了。那时的我还没更新,后来一个男同事帮她装,解决了她遇到的问题。我刚开始也以为到控制面板这里卸载node就可以了。后来边做我的事情,边听,原来是因为卸不干净,导致下载下来的node12的node_module重复了。那么卸载node并升级node的完整步骤如下1、先卸载.原创 2022-04-05 19:11:36 · 9603 阅读 · 3 评论 -
在vue中引入echart的折线图时,echarts.graphic.LinearGradient,不能正常显示的解决方法。
在vue中需要达到折线图,且有区域渐变色的效果,那么像下面那样子直接复制过来,在vue中不能渲染出来。需要将原来的 newecharts.graphic.LinearGradient 改成这样,new this.$echarts.graphic.LinearGradient前提先是npm安装echart1、使用npm安装npm install echarts --save2、main.js中引入挂载原型import echarts from 'echarts'//需要挂载到..原创 2022-04-01 15:23:23 · 6194 阅读 · 0 评论 -
解决Beyond Compare 4出现不能文件比较问题的方法
记录一下,在使用beyond compare 4出现问题的解决办法,出现授权密钥(1822-9597)这个提示框。解决办法如下:1.找到相对应目录下的C:\Users\Abby\AppData\Roaming\Scooter Software\Beyond Compare 4\BC4Key.txt【这个文件】2.复制这个文件下面的--BEGIN LICENSE KEY--- 和 ---END LICENSE KEY---里面的一大段字符串。3.删除C:\User原创 2022-03-15 15:48:33 · 4935 阅读 · 0 评论 -
HTML+echarts改变折线图的线条颜色和区域颜色
HTML+echart的情况下,改变所用折线图的线条颜色。折线图的线条颜色在lineStyle里,在item是指每个数据点上的图标,默认是个小圆点,根据自己的需求来修改。symbol:'arrow', //图标形状 symbolSize:60, //图标尺寸 itemStyle:{ normal:{ color: "#F00" //图标颜色 } }, l原创 2022-03-04 09:51:13 · 2252 阅读 · 0 评论 -
阅读熟悉项目代码结构的笔记——之前一知半解,现在加深印象。
捋一下项目代码结构,做了相关内容的笔记。原创 2022-01-12 16:47:03 · 158 阅读 · 0 评论