V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
vevlins
V2EX  ›  前端开发

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

  •  
  •   vevlins · 2020-06-03 10:22:28 +08:00 · 1063 次点击
    这是一个创建于 1394 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    复现故障页面也是可能的,就是需要处理的状态多一些。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5476 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 08:54 · PVG 16:54 · LAX 01:54 · JFK 04:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.