摘要：前情提要 之前封装了一个显示输入建议的组件 InputLoadMore，见链接：点击输入框，底部弹出下拉框显示输入建议 后来需求更改，还要求： 某个表单项选择值后，其他表单项的值自动填充； 允许多选； 去掉下拉框选项分页加载更多。 因此，封装了智能填充组件 SmartFill。 问题复现 Smart
阅读全文
摘要：需求 点击输入框时，或者输入内容时，底部弹出下拉框显示输入建议。 选择某项输入建议后，输入框显示该内容。 输入建议列表根据输入的内容模糊搜索返回；若输入内容为空，则返回全部输入建议。 效果类似于搜索引擎的搜索栏： 分析 <input /> 原生属性 autocomplet，若为 on 则下拉框形式展
阅读全文
摘要：场景 开发中多个地方都需要用到 vue-treeselect组件，于是想二次封装成 SelectTree 组件便于使用。 需求1：自定义选项样式 插槽 option-label SelectTree组件预留插槽 `diy-option` <label slot="option-label" slot
阅读全文
摘要：需求 系统中需要有多个文件导入的地方，因此需要把它封装为组件便于复用。 问题是：每次的导入 url 不同，每次封装的导入接口应该在主页面用呢？还是在组件页面用？ 解决办法 分析：其实这里进入了一个误区———每个接口 url 都应该封装成一个接口。完全可以不同的接口地址都封装成一个接口，只要它们的请求
阅读全文
摘要：需求 业务需要一个显示数据范围的组件，设计两个 input 输入框，中间加上分隔字符。传递给组件的数据 value 是一个数组，第一个元素是最小值，第二个元素是最大值。 页面展示 尝试 最开始使用了父子组件的传值：v-bind 和 this.$emit，但是这样的问题是： 子组件中不知何时应该将新值
阅读全文
摘要：来源 博客园收藏博客 页面展示 模板代码 需求 点击按钮可在已建标签列表中选择标签； 对于没有的标签：在输入框中输入后，回车键新建标签 补充 以前做过类似这样的组件：select 下拉列表 + 回车新建； 有类似的组件库 vue-tags-input 实现的关键点：增加一个 input 标签并隐藏。
阅读全文
