- 博客(5)
- 收藏
- 关注
原创 v-infinite-scroll无限滚动
记录下使用v-infinite-scroll踩到的坑需要滚动的元素的父盒子必须给定高度和 overflow:auto;如果是需要当前整个页面滚动,那将v-infinite-scroll放到当前页面的最外面的盒子,不然容易失灵。父盒子的高度可以给定99%,如果设为100%,容易失灵infinite-scroll-immediate=“false” 可以防止页面初始化时自动加载一次...
2022-05-28 19:22:10
624
原创 css使用浮动布局时,使左侧盒子固定宽度,右侧盒子充满父盒子
这里我将左侧盒子设为固定宽度,想让右侧盒子充满剩余的父盒子,(父盒子跟随窗口大小改变)如果直接将右侧盒子的宽度设为百分比的话,窗口宽度改变会使右侧盒子挤下来这时我们可以使用css3里的calc()函数width:calc(100%-左侧盒子占用的宽度) //如果有margin需要再减去margin占用的宽度...
2022-05-10 16:07:11
481
原创 解决使用elementUi的input组件时,vue案件修饰符不生效的问题
<el-input v-model="input" placeholder="请输入内容" @keyup.delete.native="KeyUpDelete"></el-input>为什么这次绑定事件多一个.native修饰符,这个可能是因为element-ui封装了个div在input标签外面,把原来的事件隐藏了,所以如果不加.native的话,按键不会生效官方对.native修饰符的解释为: 有时候,你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on.
2022-05-02 14:39:18
778
原创 vue组件使用provide和inject调用祖父组件的方法/函数
开发过程中遇到了需要调用祖父组件方法的需求(如果是调用祖父组件的data,要考虑是否开启响应性,写法不同,这里暂不做讨论)使用provide和inject不仅孙可以调祖父的方法,不论组件层次有多深,并在其上下游关系成立的时间里始终生效在父组件使用provide传递方法<script>export default{ data() { return{} }, provide() { return { fatherMethod: this.d
2022-05-01 23:05:52
1442
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人