![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
派蒙爱吃包菜
这个作者很懒,什么都没留下…
展开
-
Vue实现防抖
在Vue里实现防抖原创 2022-06-04 18:26:12 · 3421 阅读 · 0 评论 -
v-infinite-scroll无限滚动
记录下使用v-infinite-scroll踩到的坑需要滚动的元素的父盒子必须给定高度和 overflow:auto;如果是需要当前整个页面滚动,那将v-infinite-scroll放到当前页面的最外面的盒子,不然容易失灵。父盒子的高度可以给定99%,如果设为100%,容易失灵infinite-scroll-immediate=“false” 可以防止页面初始化时自动加载一次...原创 2022-05-28 19:22:10 · 601 阅读 · 0 评论 -
解决使用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 · 766 阅读 · 0 评论 -
vue组件使用provide和inject调用祖父组件的方法/函数
开发过程中遇到了需要调用祖父组件方法的需求(如果是调用祖父组件的data,要考虑是否开启响应性,写法不同,这里暂不做讨论)使用provide和inject不仅孙可以调祖父的方法,不论组件层次有多深,并在其上下游关系成立的时间里始终生效在父组件使用provide传递方法<script>export default{ data() { return{} }, provide() { return { fatherMethod: this.d原创 2022-05-01 23:05:52 · 1422 阅读 · 0 评论