vue3table懒加载新增修改删除局部刷新

vue3table懒加载新增修改删除局部刷新,第1张

需要手动刷新。在进行数据展示和一部分页面布局的时候,vue3table懒加载新增修改删除局部刷新需要手动刷新,大致的思路就是在调用load方法时先把父级节点存到一个map中,然后在该刷新的时候去这个map寻找相应的resolve方法调用手动更新。

以上是常规引入页面得部分

下面来看下使用路由懒加载的写法

看一下打包之后的效果,会看到打包出了多个chunk异步块。

同样可以使用特殊注释语法

在 Vue2 中,异步组件和路由懒加载处理使用 import 就可以很轻松实现。但是在 Vue 3.x 中异步组件的使用与 Vue 2.x 完全不同了。本文就详细讲讲 vue3 中 异步组件 和 路由懒加载 的实现。

所以,下面的异步组件声明:

等价于:

Vue 3.x的异步组件加载函数将不再接收 resolve 和 reject ,而且必须始终返回 Promise 。也就是说,工厂函数接收 resolve 回调的方式定义异步组件在 Vue 3.x 不能使用了。

提示: 如果是用 vite 工具来构建项目,在本地开发使用 import 做 路由懒加载 ,可以正常加载,但是会报警告;打包到 生产环境 会报错,页面不会正常展示,可以使用以下两种方法来实现。

欢迎访问: 个人博客地址


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11596885.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存