- 博客(8)
- 收藏
- 关注
原创 Element-UI 侧边栏高亮
Element-UI 侧边栏高亮一、出现场景二、解决办法1. F5 刷新高亮问题2. 前进后退后高亮不同步问题一、出现场景在使用 Element-UI 的侧边导航栏时我遇到了两个问题:按 F5 刷新页面后,导航栏默认折叠起来,并且无高亮显示点击浏览器的前进后退按钮后,高亮显示与页面内容不同步下面我就这两个问题给出自己的解决办法。二、解决办法1. F5 刷新高亮问题原理:当地址栏发生变化时,修改改变默认显示高亮的值。首先给导航栏加上 default-active 属性,记得加上冒号。
2022-02-18 14:07:26
1758
1
原创 侧边导航栏展开后子菜单宽度多出1px问题
侧边导航栏张展开后子菜单宽度多出1px问题一、应用场景二、出现原因三、解决办法四、总结一、应用场景 可以看到在导航栏的一级菜单与二级菜单长度不一致,对于我们这种强迫症来说当然受不了啦,因此我们要让他们长度一致。那为什么会出现这种情况呢?二、出现原因 上面两张图分别是一级菜单与二级菜单的盒子模型,可以看到二级菜单的总宽度才是我们设置的200px,
2022-02-10 11:03:13
1048
原创 Element-UI带icon的input框详解(事件传递自定义参数)
Element-UI带图标的输入框一、实现方法1. `prefix-icon` 和 `suffix-icon` 属性2. `i` 组件的 `solt` 形式3. `el-button` 组件的 `solt` 形式一、实现方法看过 官方文档 的同学应该知道有两种方法能够实现该需求。1. prefix-icon 和 suffix-icon 属性 prefix-icon 和 suffix-icon 属性能够在 e
2022-01-07 18:00:10
5342
原创 CSS实现水平居中与垂直居中
属性指定元素文本的水平对齐方式(作用于子元素和文本)。其常用的值一般有三种: 属性规定元素应该生成的框的类型(作用与元素自身)。其常用的值一般有四种: (外边距)属性定义元素周围的空间(作用于元素自身)。它一共有四个属性值,可以简写。 属性指定一个元素的定位方法的类型(作用于元素自身)。其常用的值一般有四种: 属性应用于元素的2D或3D转换(作用于元素自身)。这个属性允许你将元素旋转,缩放,移动,倾斜等。这个属性比较复杂,在这里我们用到的主要是移动。 既然是要实现水平居中,那么父元素必然是一个块
2021-12-28 18:06:35
1839
1
原创 axios请求封装与开发环境proxyTable代理
axios请求封装与开发环境proxyTable代理详解一、axios请求封装1. axios安装与使用1.1 安装1.2 引入1.3 环境切换1.4 设置请求超时1.5 请求头设置1.6 请求拦截二、开发环境proxyTable代理详解二级目录三级目录一、axios请求封装1. axios安装与使用1.1 安装 npm install axios; // 安装axios1.2 引入在项目中axios的封装一般都放在src目录下的utils文件夹中,因此我们在此处新建一个r
2021-12-13 19:02:45
1618
原创 Vue项目启动文件加载分析与页面调用分析
Vue项目启动文件加载分析一、Vue项目结构1、打开项目2、项目目录及文件说明2.1、项目主体结构2.2、build目录2.3、config目录2.4、src目录二、项目启动后文件加载过程1、执行`npm run dev `1.1、加载package.json文件1.2、加载配置文件webpack.dev.conf.js1.3、引入config目录中的index.js配置文件1.4、引入webpack.base.conf.js配置文件2、结论三、页面调用关系一、Vue项目结构1、打开项目准备好开发工具
2021-10-27 15:15:04
1171
原创 Element-UI安装以及引入方法
Element-UI安装以及引入方法Element UI介绍Element-UI简介vue与Element-UI的关系入门安装方法一:npm安装方式二:CDN引入引入 Element完整引入按需引入完整组件列表和引入方式全局配置开始使用Element UI介绍Element-UI简介 Element-UI 是基于 vue 实现的一套不依赖业务的 UI 组件库,提供了丰富的PC端组件,减少用户对常用组件的封装,降低了开发的
2021-10-24 17:33:32
14402
1
原创 Vue入门 - 环境搭建&Vue项目创建
Vue起步:从零开始搭建一个完整的Vue项目一、安装Node环境1、下载Node.js安装包并安装2、环境变量的配置二、搭建vue项目环境三、vue项目目录讲解一、安装Node环境1、下载Node.js安装包并安装官网下载地址:http://nodejs.cn/download/,根据自己电脑选择32位还是64位进入命令提示符窗口(在键盘按下【win+R】键,输入cmd,然后回车),分别输入以下命令,显示版本号,则安装成功node -v:显示安装的nodejs版本npm -v:显示安装的
2021-10-22 16:30:33
1249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人