Element中如何让多个按钮绑定同一个el-popover,性能最佳实践

1,520 阅读1分钟

在使用vue2和element-ui2时 循环使用 el-popover 时数据量大时,会造成页面渲染卡顿问题。

优化思路:el-popover只渲染一次,通过全局注册指令,在任何地方直接调用。

源码的实现是通过reference,来计算popover显示的位置,因此需要修改此属性即可。(尽量调用源码中的方法)

实现代码(重点看Script代码)