Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件

带下拉选项的输入框 是既允许用户从下拉列表中选择输入又允许用户自由键入输入值。这算是比较常见的一种 UI 元素，可以为用户提供候选项节省操作时间，也可以给可能存在的少数情况提供适配的可能。于是就想着还是自己动手写一个简单易用的，此处要感谢肥老板在我困惑时的鼎力相助。这个 UI 元素将被用于 Common Bar Width App 中。注册组件通过将封装好的组件代码复制粘贴来注册全局组件。设计的时候有考虑到输入框可能存在不同的类型，例如文本输入框，数值输入框，百分数输入框等等。所以在封装的代码中会通过函数 调用组件添加自定义标签调用组件。传递数据最后动态绑定数据到父级组件， props 中：