可拖放文本框允许用户通过拖动备选项至文本框来确定输入,其实也可以说是 combobox 的一种变形。 与 combobox 相比,这种组件能让用户更加直观的看到所有备选项,并且可以是多个输入共用一组备选项。 类似的组件也曾用在 3d windrose app,graph maker app 等多个 app 里。

注册组件

注册可拖放文本框组件(其实就是将封装好的这部分代码 ctrl+c and ctrl+v)。

添加组件

直接使用自定义的标签 <drag-and-drop-text-box></drag-and-drop-text-box> 添加可拖放文本框组件。

源代码

github

以上就是详解vue.js 可拖放文本框组件的详细内容,更多关于vue 可拖放文本框组件的资料请关注www.887551.com其它相关文章!