拖拽克隆、使用拖拽克隆组件时，列表2中无法使用动态组件渲染

[LMchensir]

拖拽克隆、使用拖拽克隆组件时，列表2中无法使用动态组件渲染

[JaguarJack]

遇到同样的问题。目前好像只能把组件做成一个 key：value 对象，拖拽的对象的 component 使用字符串，然后根据对象 key 获取组件渲染 目前正常工作。
但是不知道为啥 clone 的时候不行

[JaguarJack]

遇到同样的问题。目前好像只能把组件做成一个 key：value 对象，拖拽的对象的 component 使用字符串，然后根据对象 key 获取组件渲染 目前正常工作。 但是不知道为啥 clone 的时候不行

看了下源码，可能是拷贝的时候使用 JSON.stringify()导致的？还是自己修改 clone 方法吧

[LMchensir]

遇到同样的问题。目前好像只能把组件做成一个 key：value 对象，拖拽的对象的 component 使用字符串，然后根据对象 key 获取组件渲染 目前正常工作。 但是不知道为啥 clone 的时候不行

看了下源码，可能是拷贝的时候使用 JSON.stringify()导致的？还是自己修改 clone 方法吧

@JaguarJack

我看他这个库提供了一个自定义克隆的属性 :clone 这个属性和 @clone 方法不太一样

我打印了两个函数的 event 形参（两个参数不一样，handleCustomClone 输出了组件实例）

当我使用 :clone 属性定义一个 handleCustomClone 函数，并将 event 形参返回出去后

const handleCustomClone = (event) => { console.log('handleCustomClone_event', event); return event; };

list2就可以使用vue中的动态组件 <component :is="item.component"></component> 来渲染了

源码我没有细看，我觉得还是因为 JSON 深拷贝导致的问题，JSON 深拷贝之后的组件是无法渲染出来的

[Alfred-Skyblue]

Please note that when cloning, the essence is to create a deep copy of the data, and internally, JSON is used for deep copying. This method may result in the loss of certain properties. Additionally, Vue does not recommend placing the constructor of a component into reactive data. Instead, you should construct a map to control the display of a specific component, rather than adding the component's constructor to a ref. If you must use this approach, please pass the "clone" parameter, which accepts a function for you to manually copy it.

[JaguarJack]

所以还是建议使用 MAP 映射，{'component': component } 映射， import 到页面中吧，clone 是没办法实现这个的。我目前做了一些尝试，都没有成功。我个人能力有限，放弃了使用 clone，转到 map 映射的方式了