- 博客(4)
- 收藏
- 关注
原创 vue-drag-resize 恢复初始位置和尺寸
注意:由于style是动态计算的,如非必要,最好不要直接修改容器的样式,否则会导致再次拖动调制位置时会造成偏移。查看 vue-drag-resize 源码可知,它的宽度、高度是基于父节点宽高度和绝对位置偏移量计算出来的。此时可知 :在 w、h固定的情况下,我们只需将它的绝对位置置回初始状态就可以使它恢复原来的尺寸,代码如下。其中 sizeStyle 是内部容器的样式。
2023-08-23 10:46:59 534
原创 element ui中input输入建议el-autocomplete注意事项
1. 在vue中的代码 div中: <el-autocomplete class="inline-input" v-model="locationName" :fetch-suggestions="querySearch" placeholder="请输入内容" :trigger-on-focus="false" @select="handleSelect" > <el-button slot.
2021-07-19 15:24:07 1065
原创 ES6中的Map()
新建一个Map实例 该实例挂载的属性和方法: Map的本质是JS对象,是键值对的集合(Hash结构),但传统上只能用字符串当做键,即‘字符串——值’的对应, 这样有诸多限制。 所以,ES6的Map数据结构提供了‘值——值’一一对应的解决方案。 注意点 Map的迭代值采用的方式不允许使用一维数组。 即需要是一个所谓的‘entry object’。 正确的迭代值传入方式:二维数组(类似于对象的方式,当然两个子数组的arr[0]不允许重复(和对象一样,key必须唯一),否则前..
2021-07-16 11:30:16 87
原创 横向列表无法对齐——行内块状元素对齐问题
在用列表编辑横向导航栏问题时,我的最后一个li需要是空白的,但前面li的位置出现了偏离,如下图: 原理是这样的:考虑到display:inline-block的属性中在最后一个块状元素没有内容的情况下,它的基线对齐方式是基于最后一个行内块状元素的底边。所有,我们只需给任意一行内块状元素设置 “vertical-align: top;”。即可实现所有行内块状元素的水平对齐。效果图如下: ...
2020-08-08 15:03:59 574
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人