V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
vevlins

vue 有没有一种工具可以快速 copy&paste 一个 vue 示例?

  •  
  •   vevlins · Jun 3, 2020 · 1462 views
    This topic created in 2154 days ago, the information mentioned may be changed or developed.

    我们的服务有很多复杂表单,出现问题时希望能够快速在开发人员这一端重现,“快速 copy&paste”就是指把用户表单组件的 props&data 复制到开发人员的页面上。

    现在的一个方案是通过 dom 节点取.__vue__属性,有其他解决方案吗?

    Supplement 1  ·  Jun 3, 2020
    扩展一些,从技术上能否有可能复现一个故障页面的全部状态?
    1 replies    2020-06-04 17:18:17 +08:00
    SilentDepth
        1
    SilentDepth  
       Jun 4, 2020
    技术上讲,Vue 组件的工作结果完全由状态决定。如果这个状态是可复制的,那么就可以复制工作结果。

    不建议访问 __vue__ 等非公开属性。可以编写一个 mixin 应用到目标组件,实现一个 debug 方法(名字随意),作用就是把关键数据打包成一段 JSON 提交给开发人员,然后开发人员用动态组件结合 propsData 就能复制组件的工作结果了。

    复现故障页面也是可能的,就是需要处理的状态多一些。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5748 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 07:10 · PVG 15:10 · LAX 00:10 · JFK 03:10
    ♥ Do have faith in what you're doing.