- 博客(5)
- 收藏
- 关注
RSS订阅原创 v-infinite-scroll无限滚动
记录下使用v-infinite-scroll踩到的坑需要滚动的元素的父盒子必须给定高度和 overflow：auto;如果是需要当前整个页面滚动，那将v-infinite-scroll放到当前页面的最外面的盒子，不然容易失灵。父盒子的高度可以给定99%，如果设为100%,容易失灵infinite-scroll-immediate=“false” 可以防止页面初始化时自动加载一次...
2022-05-28 19:22:10
571
原创 css使用浮动布局时，使左侧盒子固定宽度，右侧盒子充满父盒子
这里我将左侧盒子设为固定宽度，想让右侧盒子充满剩余的父盒子，（父盒子跟随窗口大小改变）如果直接将右侧盒子的宽度设为百分比的话，窗口宽度改变会使右侧盒子挤下来这时我们可以使用css3里的calc（）函数width：calc(100%-左侧盒子占用的宽度) //如果有margin需要再减去margin占用的宽度...
2022-05-10 16:07:11
443
原创 解决使用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
751
原创 vue组件使用provide和inject调用祖父组件的方法/函数
开发过程中遇到了需要调用祖父组件方法的需求（如果是调用祖父组件的data，要考虑是否开启响应性，写法不同，这里暂不做讨论）使用provide和inject不仅孙可以调祖父的方法，不论组件层次有多深，并在其上下游关系成立的时间里始终生效在父组件使用provide传递方法<script>export default{ data() { return{} }, provide() { return { fatherMethod: this.d
2022-05-01 23:05:52
1373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人