vue.js实现了各种带有搜索的复选框(带有源代码)

序

最近，正在重建一个复选框组件。原型是select2，一个jquery插件。如果你感兴趣，可以搜索一下。套餐很好，但不能满足所有业务需求。最糟糕的是jQuery插件，一个dom驱动的库，不能很好地与vue和angular这两个数据驱动的dom框架相结合。所以我用vue的组件进行了重构，走了很多弯路，分享了演示，请大家给我一些建议！

下载地址：vue_select2(jb51.net)。rar

渲染如下。包装应该相当抽象。你只需要传入下拉框选项列表，默认选择三个参数列表和回调即可。在这里，我们将具体说明父子如何沟通，因为这里有很多弯路！

父组件将数据传输给子组件，通过v-bind绑定数据，子组件接收道具中的数据，并通过watch监控数据变化。

子组件将数据传递给其父组件，后者通过$dispatch进行调度，绑定到用户定义的选定或输入事件，然后触发父组件的回调。

摘要

以上就是本文的全部内容。希望本文的内容能给你的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持。