- 博客(33)
- 收藏
- 关注
RSS订阅原创 vue获取当前路由
vue 获取当前路由console.log(this.$route.path)友情提示：$router用来操作对象，比如路由跳转的时候使用，即this.$router.push('xxxx')$route用来获取信息。比如获取当前路由this.$route.path、获取路由传递的参数this.$route.query...
2022-04-22 14:51:28
17785
原创 Vue-基础入门(下)--Part.2(1-3)
setup函数的使用、ref, reactive 响应式引用的用法和原理、toRef 以及 context 参数
2022-02-16 13:56:53
269
原创 el-scrollbar 滚动滑轮
element-ui有一个隐藏的滚动滑轮，只是没写在文档里面，直接用就行<el-scrollbar style="height: 100%"></el-scrollbar>
2022-01-04 14:26:43
631
原创 el-upload 上传 改变上传照片框的宽高之后，上传完图片，照片框宽度又变成默认的宽高
在修改照片框的宽高，防止上传照片的时候宽高又恢复为默认的宽高，需要设置个地方：.el-upload--picture-card上面提到隐藏时添加的class="hide"，也需要设置宽高el-upload再加一个静态的class，需要设置高度，宽度不用设置，因为在删除照片时会有一个切换的动画特效，如果设置了固定的宽度，可能会怪怪的…(自己试试就知道了)，如果关掉动画，删除照片会有抖动，所以还是加上比较好.avatar-uploader .el-upload也需要设置.el-upload-list
2022-01-04 14:20:33
2773
原创 el-upload 上传 照片墙上传照片，上传一张之后，上传框就消失
1. 照片墙上传照片，上传一张之后，上传框就消失上传之后，右边的这个框就隐藏，方法是借鉴github上的，链接忘记了，后面想起来了补上在el-upload标签上添加一个：:class="{ hide: ruleForm.hideUpload_introduce }"，动态的classdata里面：hideUpload_introduce: false,limitCount: 1,同时在el-upload上的两个钩子添加事件:on-change="handleIntroduceUploadHi
2022-01-04 14:19:17
3125
2
原创 el-menu 导航栏菜单 当右边的内容部分跳转路由，导航栏高亮的部分不亮了
右边跳转路由，左边的红色高亮就消失了。先看一下 el-menu里的两个配置项这两个配置项可以知道这个 index也就是跳转路由的路径然后在配置路由的js文件里下面的/learningStatisticsDetails是在上面的/learningStatistics里面跳转的，这样设置之后，跳转到/learningStatisticsDetails里，/learningStatistics这个部分也是激活状态的，导航栏的高亮部分就不会消失了^ ^...
2022-01-04 14:17:31
1696
原创 el-table 表格 表格的第一列添加序号
<el-table-column label="序号" width="55"> <template slot-scope="scope"> {{ scope.$index + 1 }} </template></el-table-column>
2022-01-04 14:13:47
1487
原创 el-table 表格 修改鼠标悬停时表格(行)的背景颜色
表格中有使用按钮右边是按钮// 鼠标悬停样式/deep/.el-table__body .el-table__row.hover-row td { background-color: #fff6f7 !important;}表格中有使用按钮/deep/ .el-table { tbody tr { &:hover { td { background-color: #fff6f7 !important; } }..
2022-01-04 14:12:28
4993
1
原创 Vue-基础入门(下)--Part.1(1-5)
Mixin 混入的基础语法、开发实现 Vue 中的自定义指令、Teleport 传送门功能(vue3 新特性)、插件的定义和使用、数据校验插件开发实例
2021-12-26 21:23:45
185
原创 Vue-基础入门(中)--Part.2(1-4)
使用 Vue 实现基础的 CSS 过渡与动画效果 、使用 transition 标签实现单元素/组件的过渡和动画效果、组件和元素切换动画的实现、状态动画
2021-12-26 21:13:21
290
原创 Vue-基础入门(中)--Part.1(6-10)
组件间双向绑定高级内容、使用插槽和具名插槽解决组件内容传递问题、作用域插槽、动态组件和异步组件、基础语法知识点查漏补缺
2021-12-26 21:08:47
229
原创 Vue-基础入门(中)--Part.1(1-5)
组件的定义及复用性，局部组件和全局组件、组件间传值及传值校验、单项数据流的理解、Non-Prop 属性是什么、父子组件如何通过事件进行通信
2021-12-26 21:00:14
240
原创 Vue-基础入门(上)--Part.2(8-9)
事件绑定 事件修饰符、表单中双向绑定指令的使用ヾ(๑╹◡╹)ﾉ"(๑*◡*๑)٩(๑>◡<๑)۶ヾ(✿ﾟ▽ﾟ)ノ
2021-12-26 20:49:45
134
原创 Vue-基础入门(上)--Part.2(5-7)
样式绑定语法、条件渲染、列表循环渲染(>ω･*)ﾉ(づ｡◕ᴗᴗ◕｡)づφ(>ω<*)(｀・ω・´)
2021-12-26 20:44:34
263
原创 NUXT.JS学习笔记
GETTING STARTED视图Nuxt.js 为页面提供的特殊配置项：属性名描述asyncData最重要的一个键, 支持 异步数据处理，另外该方法的第一个参数为当前页面组件的 上下文对象。fetch与 asyncData 方法类似，用于在渲染页面之前获取数据填充应用的状态树（store）。不同的是 fetch 方法不会设置组件的数据。详情请参考 关于 fetch 方法的文档。head配置当前页面的 Meta 标签, 详情参考 页面头部配置 API。la
2021-12-22 17:41:47
457
原创 Vue-基础入门(上)--Part.1
初学编写hello world编写字符串反转和内容隐藏小功能 字符串反转 内容显示/隐藏 编写TodoList小功能，了解循环和双向绑定组件概念初探，对TodoList进行组件拆分
2021-12-21 22:01:10
96
原创 Java学习-Java高级-反射
Java高级-反射反射概述什么是反射在程序运行过程中分析类的一种能力反射能做什么？分析类&empsp;&empsp;&empsp;&empsp;加载并初始化一个类&empsp;&empsp;&empsp;&empsp;查看类的所有属性和方法查看并使用对象&empsp;&empsp;&empsp;&empsp;查看一个对象的所有属性和方法&empsp;&empsp;&e
2021-04-03 10:33:23
126
原创 Java学习-常用工具-IO流
Java常用工具-IO流1. 异常概述什么是异常？即非正常情况，通俗地说，异常就是程序出现的错误异常的分类（Throwable）异常（Exception） 合理的应用程序可能需要捕获的问题 举例：NullPointerException错误（Error） 合理的应用程序不应该试图捕获的问题 举例：StackOverFlowError2. 异常的处理方式JVM默认的异常处理方式在控制台打印错误信息，并终止程序开发中异常的处理方式try…catch(f
2021-04-02 15:48:27
114
原创 Java学习-常用工具-集合
Java常用工具-集合1. 集合简介什么是集合？简称集，是用来存储多个元素的容器集合和数组的区别元素类型 集合：引用类型（存储基本类型时自动装箱） 数组：基本类型、引用类型元素个数 集合：不固定，可任意扩容 数组：固定，不能改变容量集合的好处 不受容器大小限制，可以随时添加、删除元素 提过了大量操作元素的方法（判断、获取等）Java的集合体系2. List集合的特点和应用List集合的特点案例：List集合的简单使用代码演示
2021-03-25 13:15:01
112
原创 Java学习-常用工具-API
Java常用工具-API1. API简介什么是API?Application Programming Interface,应用程序编程接口，这里指的是API文档，通常叫"Java文档"，是Java中提供的类的说明书。为什么学习API文档？发挥面向对象思想，照到Java提供的对象来实现功能，学习API文档就是学习Java中的类的使用方法。Java中组件的层次结构模块（module）-> 包（package） -> 类或接口（class/interface）什么是模块？module
2021-03-24 07:59:53
230
原创 Java学习-面向对象之多态
面向对象之多态1. 多态概述什么是多态？多种状态，同一对象在不同情况下表现出不同的状态或行为Java中实现多态的步骤要有继承（或实现）关系要有方法重写父类引用指向子类对象（is a关系）案例：代码演示// 定义父类public class Animal { // 姓名 private String name; // 空参构造 public Animal() { } // 全参构造 public Animal(Stri
2021-03-19 13:46:29
296
原创 Java学习-面向对象之继承
面向对象之继承1. 继承的概述继承的概念泛指把前人的作风、文化、知识、财产等接受过来Java中的继承让类与类之间产生父子关系 被继承的类叫做父类（基类、超类） 被继承的类叫做子类（派生类）格式（extends） class 父类{ // … } class 子类 extends 父类{ // … }子类继承负累之后有什么效果？子类拥有了父类的非私有成员（成员变量、成员方法）案例代码演示// 定义一个父类：Parentpublic c
2021-03-18 10:12:19
317
原创 Java学习-面向对象之封装
面向对象之封装1. 面向对象思想概述什么是面向对象？面向： 基本义：面对、朝向 引申义：注重、关注对象： 世间一切的事物面向对象思想： 面向对象思想就是把关注点放在一件事或一个活动中涉及到的人或事（也就是对象） 上的思想（或思维方式）面向过程思想 面向过程思想就是把关注点放在一件事或一个活动中涉及到的步骤（也就是过程） 上的思想（或思维方式）面向对象思想特点是一种更符合人们思考习惯的思想把复杂的事情简单化把人们从执行者变成了指挥者面向对象的程序开发就是不断
2021-03-17 07:26:32
273
原创 Java学习-方法和数组
方法和数组1. 方法概述什么是方法？方法，也叫函数，是完成特定功能的代码块。简单来说，一个方法就是一个功能、一个动作或一种行为。为什么需要方法？当一些代码被反复使用时，可以把它们提取出来，放到一个方法里，以方法的形式来使用这些代码。方法的好处大大提高了代码的复用性，方便维护2. 方法的格式修饰符 返回值类型 方法名（参数类型 参数名1，参数类型 参数名2…）{ // 方法体语句; return 返回值；}方法的格式说明修饰符：public static返回值类型：方法执行结果
2021-03-16 10:59:10
241
原创 Java学习-流程控制之循环结构（二）
流程控制之循环结构（二）1.死循环两种简单的死循环for循环for(; ; ) { //循环体，根据实际需求结束循环}while循环while(true){ // 循环体，根据实际需求结束循环}死循环案例代码演示public class DeadDemo { public static void main(String[] args) { // 需求：演示死循环 /* 格式1：for的死循环
2021-03-13 08:46:34
261
原创 Java学习-流程控制之循环结构（一）
流程控制之循环结构（一）1.循环结构的概念和分类（1）循环结构的概念循环，即事物周而复始的变化。循环结构，使一部分代码按照次数或一定的条件反复执行的一种代码结构。（2）循环结构的分类for循环while循环do…while循环2.for 循环（1）for循环语句格式：for(初始化语句；判断条件语句；控制条件语句) { //循环体}执行流程，如下图（2）for循环案例Demo1需求：在控制台输出五次HelloWorld代码演示/* for循环
2021-03-13 08:08:12
168
原创 Java学习-流程控制之选择结构
流程控制之选择结构一、Scaneer的基本使用1.Scanner的概念扫描器。即可以通过Scanner类扫描用户在控制台录入的数据2.使用Scanner实现键盘录入功能的步骤第一步：导包（位置放到class定义的上面）import java.util.Scanner;第二步：创建对象Scanner sc = new Scanner(System.in);3.代码演示Demo1// 1.导包import java.util.Scanner;public class Scanner
2021-03-11 21:36:14
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人