- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue中provide 和 inject 的用法
在父子组件传递数据时，通常使用的是 props 和 emit。父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 inject 注入数据。
2023-04-13 10:47:31
2637
原创 js中对象的可枚举和不可枚举属性
通过对象的Object.getOwnPropertyDescriptor()，获取到的描述对象中的enumerable属性 。如果为true为可枚举属性，false为不可枚举属性。
2023-03-07 14:26:23
645
原创 element tree树形控件添加鼠标悬停图标
我们在开发中有时会用到element 中的tree树形组件，当鼠标悬停在某一节点的时候需要展示删除图标，鼠标离开后隐藏。
2023-02-23 17:48:36
1104
原创 Vue中兄弟组件间传值
Vue中父组件向子组件传递参数时，可以通过prop；子组件向父组件传递参数时，通过$emit来传递。那么父组件下有多个子组件时怎么实现子组件间的数据传递呢？可以创建一个Vue实例作为第三方媒介实现数据的传递。下面是具体的步骤。
2022-08-23 19:50:43
2160
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
149
原创 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
2229
原创 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
2691
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
1153
原创 jquery操作样式
jquery操作样式的方法addClass()追加样式；removeClass()删除样式；toggle()切换样式；hasClass（）判断样式attr（）获取或者设置样式获取修改样式时，attr()和props()的区别具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()...
2022-03-14 17:38:20
1330
原创 ElementUI table标签如何让某一行默认展开
@[TOC](项目场景：ElementUI table标签如何让某一行默认展开问题描述： 在数据加载后，table标签如何让某一行默认展开 解决方案：？
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
607
原创 element-ui-table实现分页后保留之前checkbox选中数据
element-ui 的table表格可以轻松实现多选的功能，只要在表格列中增加type="selection"的一列即可。 但是大部分情况下，表格的数据是有分页的，分页一般是要请求后台接口，这样上一页也就是上一次请求的数据的选中状态就没有了。element-ui提供了reserv...
2021-08-13 18:05:35
1131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人