在vue.draggable.next拖拽差中使用组件时遇到的问题

vue.draggable.next 中文文档 - itxst.com

问题描述在draggable标签中定义的组件,通过ref不能正确拿到相应数组

一、代码-验证过程

vue3中定义组件的ref,如果有多个相同名称的组件,会将ref.value的值变为数组

在vue.draggable.next提供的draggable标签中定义组件,如果有多个相同名称的组件,ref.value的值为循环后的最后一个数据

1、index.vue中的代码




2、子组件代码




3、页面打印结果

在vue.draggable.next拖拽差中使用组件时遇到的问题_第1张图片

 二、解决方式:使用回调函数形式定义组件的ref

 代码如下:


  


//let dragRef = ref([])

打印结果:

在vue.draggable.next拖拽差中使用组件时遇到的问题_第2张图片

你可能感兴趣的:(vue.js,前端)