- 博客(19)
- 收藏
- 关注
原创 vue中provide 和 inject 的用法
在父子组件传递数据时,通常使用的是 props 和 emit。父传子时,使用的是 props,如果是父组件传孙组件时,就需要先传给子组件,子组件再传给孙组件,如果多个子组件或多个孙组件使用时,就需要传很多次,会很麻烦。像这种情况,可以使用 provide 和 inject 解决这种问题,不论组件嵌套多深,父组件都可以为所有子组件或孙组件提供数据,父组件使用 provide 提供数据,子组件或孙组件 inject 注入数据。
2023-04-13 10:47:31
2692
原创 js中对象的可枚举和不可枚举属性
通过对象的Object.getOwnPropertyDescriptor(),获取到的描述对象中的enumerable属性 。如果为true为可枚举属性,false为不可枚举属性。
2023-03-07 14:26:23
660
原创 element tree树形控件添加鼠标悬停图标
我们在开发中有时会用到element 中的tree树形组件,当鼠标悬停在某一节点的时候需要展示删除图标,鼠标离开后隐藏。
2023-02-23 17:48:36
1190
原创 Vue中兄弟组件间传值
Vue中父组件向子组件传递参数时,可以通过prop;子组件向父组件传递参数时,通过$emit来传递。那么父组件下有多个子组件时怎么实现子组件间的数据传递呢?可以创建一个Vue实例作为第三方媒介实现数据的传递。下面是具体的步骤。
2022-08-23 19:50:43
2170
2
原创 让不定宽高的div,垂直水平居中
如何让一个div在垂直水平方向上居中对齐?方法一:使用transform.parent { background-color: #fff; width: 400px; height: 400px;}.son { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: pink;}方法二: flex弹性布局.parent { di
2022-05-12 18:44:19
153
原创 element 中loading颜色的修改
修改loading的颜色loading中的源码如下<div class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0.8);"> <div class="el-loading-spinner"> <i class="el-icon-loading"></i> <p class="el-loading-text">拼命加载中</p> <
2022-04-29 18:21:22
2324
原创 element ui 中el-row的gutter失效
问题描述在使用element ui中的el-row的gutter属性时,组件无法实现间隔对应的错误代码 <el-row :gutter="20"> <el-col :span="6" class="col">占用6份</el-col> <el-col :span="6" class="col">占用6份</el-col> <el-col :span="6" class="col">占用6份<
2022-04-29 17:42:41
2742
2
原创 Vue ref的使用
前言Vue中ref的使用:ref被用来给DOM元素或子组件注册引用信息。如果在普通的DOM元素上使用,引用信息就是元素;如果在子组件上使用,引用信息就是组件实例。注意:在Vue中直接操作DOM元素,就必须用ref属性进行注册。在Vue2中的用法<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点
2022-03-28 15:59:39
1167
原创 jquery操作样式
jquery操作样式的方法addClass()追加样式;removeClass()删除样式;toggle()切换样式;hasClass()判断样式attr()获取或者设置样式获取修改样式时,attr()和props()的区别具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()...
2022-03-14 17:38:20
1332
原创 ElementUI table标签如何让某一行默认展开
@[TOC](项目场景:ElementUI table标签如何让某一行默认展开问题描述: 在数据加载后,table标签如何让某一行默认展开 解决方案:![table标签的设置](https://img-blog.csdnimg.cn/20210706182051311.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pvdW
2022-03-04 16:45:11
1261
原创 Vue-插值表达式渲染多层对象数据
后端返回的数据格式嵌套多层对象的时候:obj1: { obj2: { id: 520, name: '江疏影', sex: '女' }}使用插值表达式渲染数据:<ul> <li> {{ obj1.obj2.name }} </li></ul>此时,obj1.obj2.name 为undefined,页面会报错找不到 name。这是因为页面加载的时候数据还没有渲染出来。解决办法:在父盒子加 v-if 判断。<ul v-
2021-09-06 11:53:14
1126
6
原创 ES6的class类继承为什么一定要写super()?
ES6在继承中强制要求,必须在子类调用super,因为子类的this是由父类得来的。super等价于parent.prototype.constructor.call(sub)。super即可以做为函数调用,又可以做为对象使用。做为函数时,只能在constructor内部调用。做为对象则可以在别的方法内调用。class B extends A {} super如果再静态方法内调用,super是父类(A),如果方法里有this,则指向该类(B),如果在原型方法内调用。super指向父类的原型(A),如
2021-09-01 17:51:15
615
原创 element-ui-table实现分页后保留之前checkbox选中数据
element-ui 的table表格可以轻松实现多选的功能,只要在表格列中增加type="selection"的一列即可。 但是大部分情况下,表格的数据是有分页的,分页一般是要请求后台接口,这样上一页也就是上一次请求的数据的选中状态就没有了。element-ui提供了reserv...
2021-08-13 18:05:35
1158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人