如何使用angular/vue来实现拖拽标签生成报表页面的效果？
需求：
左侧树节点，右侧内容区；
点击并拖拽树节点到右侧内容区，树节点对应的内容展示到右侧内容区，并可以控制占位大小
前端实现拖拽标签生成页面功能
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2024-03-08 09:29推荐理由：一款先进的前端拖放页面生成器，旨在以创纪录的速度创建高端、像素完美的网站。无论您是网站开发新手还是专业设计师，Elementor都提供了直观的工具和界面，使您能够轻松设计和构建美观的网站。它支持任何...
- 2020-10-16 19:51在本文中，我们将探讨如何使用Vue.js框架实现一个拖拽组件列表来构建动态页面配置功能。这个功能允许用户通过从右侧的组件库中选择并拖拽组件到左侧，以自定义构建页面视图。同时，左侧的组件可以进行上下拖动以调整...
- 2025-09-07 17:08FE_Jinger的博客 前端拖拽功能实现指南摘要 本文介绍了前端拖拽功能的实现方案，重点推荐使用dnd-kit库。文章分析了拖拽功能的基本需求（元素拖拽、排序、容器拖拽）和进阶需求（自定义预览、动画效果等），对比了主流拖拽库（dnd-...
- 2024-12-23 17:29前端白袍的博客 前端实现界面元素拖拽功能的三种方式(亲测有效)
- 2023-04-06 17:17望京十三兄的博客 创建一个区域 只需要在标签上添加 ondragover 和 ondrop 方法即可，表示这个区域可放置并进行处理。此时，元素已经可以拖动了，但会显示一个禁止的图标，这是因为没有可放置的区域。还需要在需要拖动的元素上添加 ...
- 2021-06-09 07:06或困的博客 //渲染页面中的颜色选择列表 var colorSel = ""; for (var i = 0; i ; i++) { colorSel += '' + colorArray[i].name + ''; } var pp = document.getElementById("fontColorSelect").innerHTML = colorSel; function...
- 2020-09-01 11:02在WEB前端开发中，实现裁剪上传图片功能是一项常见的需求，尤其在社交媒体、电商网站以及个人博客等场景中。本文将详细介绍如何实现这一功能，主要包括拖拽显示图片、图片压缩、图片裁剪编辑以及上传与进度显示这四...
- 2022-10-26 14:07葡萄城技术团队的博客 要实现根据数据行数循环生成多个标签，就需要利用列表组件，根据列表组件的分组功能实现该需求。首先确定一个标签的大小，以及纸张的大小，确定一下一行可以显示几个标签；如果单个标签外层还想添加圆角边框，或者...
- 2021-11-01 11:42温其如玉_zxh的博客 前段时间有一个朋友问我前端能否实现拖放功能，大体是用拖放来调整列表顺序。 虽然我没有做过，但我见过有这种功能这样的网站呀，所以毫不犹豫的说绝对可以实现（反正不是我写）。 谁知道才过去不到一周，我自己所...
- 2024-11-29 17:45前端77的博客 因为之前公司内部业务及提效的需要，做了一系列低代码的项目：分别有vscode插件、figma设计稿转代码插件、脚手架，拖拽生成h5营销页面和问卷等。现在把这一些系列实践的经验自我总结一下，形成一个低代码专栏。每个...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 6月28日-
创建了问题
2月8日