vue2
文章平均质量分 60
张帆X
这个作者很懒,什么都没留下…
展开
-
树形表格(el-table)懒加载(lazy)添加编辑删除的局部更新
如上图所示,当我们对最后一个节点(一部/三部)进行编辑,删除或者添加门店团队时,希望操作完成后,数据更新只是(一区)下面的数据或者对应操作按钮的节点进行局部更新,树形展开情况保持住。//接下来是map的set存储,key值是点击节点的id,value是load接收的参{tree,treeNode,resolve}第二,当数据进行懒加载时把点击的节点数据存储在map中。//在删除成功后需要获取数据时在使用。//getData()是懒加载获取数据的方法。//在添加,修改成功后需要获取数据时在使用。原创 2022-10-20 11:08:40 · 3269 阅读 · 1 评论 -
保持el-table表格滚动条状态
页面保持状态可以用keep-live,不用重复请求数据,但是keep-live不会保持我们查看时的状态,因此我们需要自己去手动修改。所以我们可以在离开页面的钩子函数中获取最后的滚动距离,在进入页面的钩子函数中设置一下滚动距离,这样就实现了状态保留的情况。如上图所示,当我们点击调价跳转到其他页面时,我们希望当我们返回这个页面时,滚动条位置保持在离开的位置。keep-live有两个钩子函数,deactivated(){}代表的是离开当前页面时发生的事件。activated(){}代表进入此页面时发生的事件。原创 2022-10-19 15:47:54 · 1299 阅读 · 0 评论 -
vue2的了解
每天学一点,迟早成仙!!!原创 2022-09-19 09:42:31 · 1017 阅读 · 0 评论 -
vue中的slot插槽的使用
什么是插槽?我们知道,在vue中,引入的子组件标签中间是不允许写内容的。为了解决这个问题,官方引入了插槽(slot)的概念。插槽,其实就相当于占位符。它在组件中给你的HTML模板占了一个位置,让你来传入一些东西。插槽又分为匿名插槽、具名插槽以及作用域插槽。匿名插槽匿名插槽,我们又可以叫它单个插槽或者默认插槽。与具名插槽相对,它不需要设置name属性。具名插槽上面已经说过,插槽有一个name属性。与匿名插槽相对,加了name属性的匿名插槽就是具名插槽。原创 2022-09-15 16:50:55 · 96 阅读 · 0 评论 -
vue Bus的使用
问题:但这种引入方式,经过webpack打包后可能会出现Bus局部作用域的情况,即引用的是两个不同的Bus,导致不能正常通信。然后在子组件中通过this.$root.Bus.$on(),this.$root.Bus.$emit()来调用。注意:注册的总线事件要在组件销毁时卸载,否则会多次挂载,造成触发一次但多个响应的情况。第①种:可以直接将Bus注入到Vue根对象中。到vue.prototype上,转载 2022-09-09 14:53:41 · 184 阅读 · 0 评论 -
@click.native中 .native 的含义与使用
比如:如果使用router-link标签,加上@click事件,绑定的事件会无效,因为router-link的作用是单纯的路由跳转,会阻止click事件,如果不加 .native, 事件是不会触发的,因此需要加上 .native 才会触发事件。@click是我们在vue开发中经常用到的事件绑定,而@实际上是 v-on 的简写,而 v-on 则是对 vue 的事件体系封装之后的 API接口。当你给一个vue组件绑定事件的时候,要加上native,如果是普通的html元素,就不需要。转载 2022-09-09 14:22:04 · 814 阅读 · 0 评论