极客观点
项目管理
HarmonyOS
用过vue-draggable-plus但不生效
AI BotBETA在 Vue 3 + Element Plus 中实现 el-tree 拖动到右边网格的功能，你需要一个可以处理拖放事件的库，比如 vuedraggable（Vue 2 版本）或者它的 Vue 3 适配版本（如果存在的话）。然而，vue-draggable-plus 可能不是针对 Vue 3 设计的，因此可能无法在 Vue 3 项目中直接使用。
如果你发现 vue-draggable-plus 在 Vue 3 中不生效，你可能需要寻找一个 Vue 3 兼容的拖放库，或者自己实现拖放逻辑。
这里是一个基本的思路，用于实现这个功能：
- 使用 Vue 3 兼容的拖放库：寻找一个 Vue 3 兼容的拖放库，比如
vuedraggable-next（如果存在）或者其他类似的库。 - 封装
el-tree组件：你可以封装一个el-tree组件，使其具有拖放功能。在这个组件中，你可以使用拖放库来处理节点的拖动事件。 - 实现拖动到网格的功能：当用户拖动
el-tree的节点时，你需要监听拖动事件，并在用户将节点拖动到右边网格时触发相应的处理逻辑。这可能涉及到监听dragstart、dragover、drop等事件。 - 获取节点 ID：在拖动过程中，你可以通过事件对象获取被拖动节点的数据，从而获取其 ID。然后，在将节点放置到网格时，你可以使用这个 ID 进行相应的处理。
- 更新网格数据：当节点被放置到网格时，你需要更新网格的数据以反映这个变化。这通常涉及到修改你的 Vue 组件的状态或数据。
由于具体的实现细节会依赖于你选择的拖放库以及你的项目结构，我无法提供一个具体的代码示例。但是，上述步骤应该为你提供了一个大致的方向来实现这个功能。
如果你需要更具体的帮助，比如如何选择一个合适的拖放库或者如何实现某个特定的步骤，请提供更多的信息，我会尽力提供帮助。
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
Vue3: 响应式 props 解构得到的变量将不是响应式？也不会更新？
和 .value 类似，为了保持响应性，你始终需要以 props.x 的方式访问这些 prop。这意味着你不能够解构 defineProps 的返回值，因为得到的变量将不是响应式的、也不会更新。3 回答4.2k 阅读✓ 已解决
一个js输出格式的奇葩需求？
我考虑用‘模板字符串’但发现不行，因为格式是接口后来拿到的，没办法直接用模板字符串，有大神有办法吗？文本格式预先不知道，是接口拿的，这只是一个格式，也可能是其它格式，这种情况下怎么按格式输出对应的值。6 回答1.9k 阅读✓ 已解决
有关vue3 watchEffect 依赖收集的疑问?
为什么只有queryParams变化的时候才会触发watchEffect？ watchEffect依赖收集好像是通过访问属性来收集的，queryParams.value访问了属性我理解，loading.value = true 不也访问了属性吗，在后面的then函数里我改变了它的值，但是却不重新执行，虽然从业务逻辑的角度来看不重新执行是对的。3 回答1.6k 阅读✓ 已解决
Vite+Vue3，怎样实现标签的内容加密，不是代码混淆 ？
想在Vite编译阶段加密，比如这个示例里的Hello与World这两个字符串，实现编译输出的js文件里是密文，在浏览器看的时候看明文（会要求登录后看到明文）。2 回答1.7k 阅读✓ 已解决
el-select下拉框实现复选框多选、全选？
背景：版本：vue: '3.3.4'element-plus: '2.3.7'el-select的基础多选功能的下拉框需要替换成el-checkbox复选框;尝试实现代码如下： {代码...} 样式实现了，但是逻辑上还有如下问题：全选功能未能关联单项;选择单个选框时，下拉框关闭了。尝试2 {代码...} 全选关联单项已实现，但是还有单项选不中，点击单选选择下拉框关...2 回答1k 阅读✓ 已解决
NuxtLink 有没有一个属性能控制当前链接是否可以点击？
{代码...} 有没有 像按钮一样有一个 disabled 属性 true 的时候不能点击2 回答1.3k 阅读✓ 已解决
背景图片超过容器的高度不能完全展示？
container有背景图片，给他设置了宽高，又用伪类的方法把目标图片放到container上，但是并不能完全展示，请问各位有没有什么好的办法3 回答1.2k 阅读✓ 已解决
宣传栏