VForm 2是一款基于Vue 2的低代码表单,我想自定义一个组件，在他的表单设计器里展示，实现拖拉拽功能

好的，这是一个比较复杂的需求，需要涉及到多个方面的知识，包括Vue组件开发、拖拽功能实现、表单设计器等。我会尽力为您提供一些思路和参考。

首先，您需要了解Vue组件开发的基本知识，包括组件的注册、数据传递、生命周期等。可以参考Vue官方文档中的组件部分。

其次，您需要实现拖拽功能。可以使用HTML5中提供的拖放API来实现，具体可以参考MDN上的相关文档。

接下来，您需要实现表单设计器的界面和逻辑。可以使用Vue组件来封装表单设计器的各个部分，例如表单字段、表单容器等，然后通过拖拽功能来实现表单字段的添加和排列。

最后，您需要将自定义组件与VForm 2框架集成。具体来说，您可以将自定义组件注册为Vue组件，并在VForm 2的表单设计器中提供相应的接口，使得用户可以通过拖拽方式将自定义组件添加到表单中。

希望这些思路对您有所帮助。如果您需要更具体的代码实现或者其他方面的帮助，请具体描述您的问题，我会尽力为您解答。

相关问题

我要是想在表单设计器加一个控件是不是在这里写就行

是的，如果你想在 vform2 的表单设计器中添加一个新的控件，你需要在 form-widget 文件夹中的 field-widget 子文件夹中编写一个新的控件组件。

具体来说，你需要创建一个新的 .vue 文件，命名为你的控件名 + "-widget.vue"，例如 "my-control-widget.vue"。在这个文件中，你需要定义你的控件组件的模板和逻辑，包括控件的属性、方法和事件等等。你可以参考其他控件组件的代码，了解它们的实现方式和结构。

编写完你的控件组件之后，你需要在表单设计器中注册你的控件，这可以通过在 form-widget 文件夹中的 index.js 文件中导入你的控件并注册它来完成。具体来说，你可以在 index.js 文件中添加类似以下的代码：

import MyControl from './field-widget/my-control-widget.vue';
...
export const FieldWidget = {
  ...
  components: {
    ...
    'my-control': MyControl,
    ...
  },
  ...
};

这样，你就可以在表单设计器中使用你的控件了。在设计器中，你可以通过拖拽或者双击的方式将你的控件添加到表单中，并设置它的属性。

你找一下vform自定义表单的代码Ver 2.2.9

VForm 自定义表单的代码可以在其 GitHub 仓库中找到，具体链接是：https://github.com/cretueusebiu/vform/tree/2.2.9

在该仓库中，自定义表单的代码位于 `src/components/VFormInput.vue` 文件中。该文件中定义了一个名为 `VFormInput` 的 Vue 组件，通过 `Vue.component` 方法将其注册为全局组件。

可以在该文件中查看 VForm 自定义表单的实现代码。同时该文件中也包含了一些注释和说明，可以更好地理解代码的含义。