- 博客(9)
- 收藏
- 关注
RSS订阅原创 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
12385
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
1929
原创 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
1166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人