我们的服务有很多复杂表单,出现问题时希望能够快速在开发人员这一端重现,“快速 copy&paste”就是指把用户表单组件的 props&data 复制到开发人员的页面上。
现在的一个方案是通过 dom 节点取.__vue__属性,有其他解决方案吗?
1
SilentDepth 2020-06-04 17:18:17 +08:00
技术上讲,Vue 组件的工作结果完全由状态决定。如果这个状态是可复制的,那么就可以复制工作结果。
不建议访问 __vue__ 等非公开属性。可以编写一个 mixin 应用到目标组件,实现一个 debug 方法(名字随意),作用就是把关键数据打包成一段 JSON 提交给开发人员,然后开发人员用动态组件结合 propsData 就能复制组件的工作结果了。 复现故障页面也是可能的,就是需要处理的状态多一些。 |