- 博客(24)
- 问答 (13)
- 收藏
- 关注
RSS订阅原创 Invalid attempt to spread non-iterable instance In order to be iterable, non-array object must have
[Vue warn]: Error in v-on handler (Promise/async): "TypeError: Invalid attempt to spread non-iterable instance.15:24:17.959 In order to be iterable, non-array objects must have a [Symbol.iterator]() method."15:24:18.000 found in如果app的项目在运行中出现上面的问题，可...
2022-05-31 15:29:26
5884
2
原创 单纯记录一下主题色样式——笔记
单纯想 记录一下这个主题样式的设置HTML代码<el-drawer title="系统设置" :visible.sync="drawer" size="20%"> <div> <div :style="{ margin: '0px 0px 24px 24px' }"> ...
2022-05-17 14:50:00
389
原创 Vue如何实现主题切换功能【包括一些存在的坑，汇总如下】
第一个写的相对全一些，但是需要结合第二个文章看，其中出现的问题是真的不少。1、是安装出了些问题2、是路径不对导致404的，项目无法启动3、能正常启动项目了，但是图标不能正常显示的问题，只能是框框4、最后表面上的图标都能正常显示了，但是还是出现404.……还是没能找出什么问题来解决404，先放一放。不过这三个文章基本上能解决大多数人的问题。记录使用elementUI设置主题遇到的坑 - SegmentFault 思否https://segmentfault.com/a/1190000.
2022-05-11 14:17:11
736
原创 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
1862
1
原创 用双重for循环打印正三角形和倒三角形的思路
debuggerfor(var i = 1; i< 3; i++){ console.log('第' + i + '次');}for 循环的执行过程【可以debugger到谷歌浏览器断点就可以更清晰这执行过程】1. 首先执行变量 var i = 1；（ 这语句在for 循环只执行一次 ）2. 此时i=1 到i <= 3来判断是否满足条件，1小于3，满足条件 就去执行循环体里面的语句3. 最后去执行 i++ （ i++是单独写的代码，递增 ），然后输出...
2022-05-07 15:33:43
4926
原创 switch case加范围判断，语法上也要相应的改变
switch语法switch (表达式) { case value1: 执行语句1; break; case value2: 执行语句2; break; ... default:}例子1 case判断的是一个值switch (8) { case 1: console.log('这是1'); break; case 2: consol
2022-05-07 10:31:51
21500
原创 解决-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
6732
原创 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
4384
原创 解决[Vue warn]: Invalid prop: type check failed for prop “index“.问题
[Vue warn]: Invalid prop: type check failed for prop "index". Expected String, got Undefined [Vue 警告]：属性无效：属性“索引”的类型检查失败。预期字符串，未定义这个问题会出现在控制台，虽然不影响运行，但是看着有爆红，就忍不住去解决。能有index，且下面看到错的位置，我觉得应该是Home2文件了，因为里面写菜单侧边导航，这里会用到索引，然后点进去排查原因。该问题是需要一个String字符串..
2022-04-15 10:36:40
8583
1
原创 解决[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
4196
1
原创 解决点击element-UI中导航菜单组件的子菜单，所有同级的其他子菜单也会同时展开或折叠的问题
问题这个是渲染到4级的导航菜单，只截取一部分展示。重点不是这个问题，是刚开始点击一个子菜单，其他同级的子菜单也会相应的展开和折叠，那么这种情况为什么会这样呢，明明自己的:index=“”有设置内容了，怎么还会这样呢。原来的是这样的，我的理解是，如果都把它设置为url，index无法判断，所以每次都同时展开或折叠。下面是改了之后的，使用后端给的接口中，改为用来区分层级或者是编码的那个字段，这样就可以有区别的情况下，index能正确区分，并且解决这个问题。代码如下：<!--
2022-04-11 18:28:15
10085
7
原创 解决点击页面跳转导致路径叠加，无法显示的问题
用Vue+element-ui 开发后台页面菜单的时候，会遇到点击路由能显示，但是在这个基础上再点击下一个页面的时候，不能正常显示，然后看链接，发现她们的path部分叠加在一起了。 { path: 'ccode', component: () => import('../components/ccode') }, { path: 'notice', component.
2022-04-11 17:50:51
1378
原创 解决卸载node升级到node12版本后踩坑sass-loader和node-sass版本冲突的问题
因为项目发展需求，版本不能只停留在node12，必须要更新。在学校安装的node，是这个版本我的硬件是win10然后我隔壁同事先更新node16版本，结果报错浪费了一下午的时间都没有解决，又装回12的去了。那时的我还没更新，后来一个男同事帮她装，解决了她遇到的问题。我刚开始也以为到控制面板这里卸载node就可以了。后来边做我的事情，边听，原来是因为卸不干净，导致下载下来的node12的node_module重复了。那么卸载node并升级node的完整步骤如下1、先卸载.
2022-04-05 19:11:36
9584
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
6165
原创 “通过端口 1433 连接到主机 127.0.0.1 的 TCP/IP 连接失败。错误:“connect timed out。请验证连接属性，并检查 SQL Server……”解决问题
在开始输入服务，然后点击进去找到这个SQL Server代理现在是启动状态，如果没有启动，点击启动就可以了。然后再重启服务器就可以了
2022-03-28 17:17:56
8038
原创 解决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
4886
原创 HTML+echarts改变折线图的线条颜色和区域颜色
HTML+echart的情况下，改变所用折线图的线条颜色。折线图的线条颜色在lineStyle里，在item是指每个数据点上的图标，默认是个小圆点，根据自己的需求来修改。symbol:'arrow', //图标形状 symbolSize:60, //图标尺寸 itemStyle:{ normal:{ color: "#F00" //图标颜色 } }, l
2022-03-04 09:51:13
2236
转载 js+HTML实现组织结构图
记得引用jQuery。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Title</title></head><style> @media screen a...
2022-03-02 11:44:40
2556
原创 更改el-table表头背景颜色和设置表头单元格文字居中
header-cell-style是表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。更改表头前如图所示<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}">...</el-table>更改后的表头如图所示：...
2022-02-11 10:28:28
674
转载 Error: Avoided redundant navigation to current location: “/home“ 的错
错误：在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示是路由重复解决办法：在引入router时，加上const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => e
2022-01-26 10:11:01
1304
转载 Vue横向菜单滚动翻页功能的实现
转载优快云博主「watanaki」的原创文章原文链接：https://blog.youkuaiyun.com/Watanaki/article/details/111060410横向菜单滚动翻页功能的实现实现方法使用了走马灯的思想，将菜单项放在一排，超过显示区域隐藏，点击实现菜单的滚动。效果图具体实现html部分<div class="dataNav"> <button class="dataNavPrev" @click="navPrev">
2022-01-24 09:23:24
4817
转载 vue+elementUI实现多级菜单(五级菜单，六级菜单等等)
转载：优快云博主「春天里的水稻」的原创文章原文链接：https://blog.youkuaiyun.com/qq_32154641/article/details/112463143本文只是写了四级菜单，想要更多的菜单，你可以仿造那样继续写下去。效果图如下：源代码如下：<template> <div class="sidebar"> <el-menu class="sidebar-el-menu" :default-active="onRoutes" :.
2022-01-24 09:17:08
6358
2
原创 实习第一天，tomcat下载安装及配置环境变量教程以及处理环境变量出现的问题
一、下载Tomcat：官网（快速跳转）：Apache Tomcat® - Apache Tomcat 9 Software Downloadshttps://tomcat.apache.org/download-90.cgi1、选择下载的版本是Toncat9，根据系统64选择相应的。2、下载完成二、解压安装解压压缩包，最好安装在D盘之下，为了节省内存。过程中都是下一步，默认就行了。然后解压完就OK，但是最重要一步就是配置环境变量。接着往下看↓↓↓三、配置环境变..
2022-01-10 16:02:49
554
空空如也
后端给的数据没有配置路由，vue前端怎么给菜单动态生成路由？
2022-03-21
除了js函数，可以用vue+element来将这些接口数据渲染成侧边多级导航菜单吗？
2022-03-18
在HTML写的input样式转为jsp时还是没有下划线，请问这什么原因？
2022-03-01
如何通过点击按钮来禁用整个表单，其他只读状态？
2022-02-25
可以帮我看看，怎样写才可以获取接口，这重定向因为什么造成的吗
2022-02-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人