自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 loading加载效果(纯css)

页面loading加载效果

2022-09-20 21:15:09 1914

原创 v-model和ref获取数据的不同之处

v-model和ref获取数据的不同之处

2022-09-18 21:07:52 1862

原创 vue3.2<script setup>语法糖

vue3语法糖父子组件传参

2022-06-27 21:36:48 763

原创 vue 公用组件展示问题

最近一个项目碰到这样一个问题,封装了一个自定义时间组件,通过点击事件控制组件的show:true/false,在一个页面中多次用到这个子组件,当点击其中一个子组件的时候,组件show:true,点击另一个子组件的时候,刚才点击的那个子组件show还是为true,这就造成了页面多个相同子组件同时展示的问题。正确的应该是点击当前的时间子组件,别的应该关闭。解决方法:组件通信--eventBus在src下建立一个文件夹,文件夹下新建一个名为eventBus.js的文件夹。(也可以直接在使用页面直接new一

2022-05-06 20:03:30 563

原创 常见的css技巧

1.解决img 5px间距的问题开发过程中经常遇到图片底部多出5px间距的问题。解决方法:方案1:设置父元素字体大小为0方案2:将img元素设置为dispaly:block方案3:将img元素设置为vertical-align:bottom方案4:给父元素设置line-height:5px2.元素的高度与window的高度相同height:100vh3.修改input palceholder样式4 使用:not选择器一个li列表,除了最后一个元素,所有元素都.

2022-04-24 20:15:51 416

原创 element ui 下拉菜单加多选框

最近做一个项目,需要一个带有多选框功能的下拉菜单,还是老规矩,自己封装一个吧。很简单写完以后打开页面测试,发现已经选中了,但是输入框并没有显示选择的值打开vue开发工具,发现选中的值并没有放入value1中。所以当选中的时候要借助checkbox的change事件,把选中的值手动传入value1中。所以要加一个change事件。点击多选框之后,先判断数组value1中是否存在当前选中数据,存在,获取下标删除,不存在,push进去。 效果如下。多选的时候想要点击x号删除..

2022-04-23 17:56:56 12383 4

原创 v-if下的元素 $refs失效

1.v-if下的dom元素,用this.$ref.xxx方法会获取不到解决方法v-show代替v-if因为v-if是通过控制dom节点的显示或隐藏来实现的,所以不满足情况的时候dom节点不会生成,而$refs是来操作dom的,所以这时候就是undefind.而v-show是通过控制css的dispaly属性来实现元素的显示或者隐藏。此时的dom是存在的,已经生成过了。...

2022-04-21 20:18:06 1926

原创 input输入框输入内容后回车生成标签组件

input输入框输入内容后--回车生成标签

2022-03-08 21:07:09 3894 5

原创 vue2组件通信方法

1.props/$emitprops:props可以是数组或对象,用于接收来自父组件通过v-bind传递的数据。当props为数组时,直接接收父组件传递的属性; 当 props 为对象时,可以通过type、default、required、validator等配置来设置属性的类型、默认值、是否必传和校验规则。$emit:在父子组件通信时,我们通常会使用 $emit来触发父组件v-on在子组件上绑定相应事件的监听。2.v-slotv-slot是Vue2.6版本中新增的用于统一实现插槽和具名..

2022-03-07 11:58:58 1164

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除