前几天写了收件人组件，它实际就是一个既能输入搜索又能标签形式展示的组件，我称它为SmartInputSelect（以下简称sis组件），在实现下列需求时遇到了些问题，需求就是想实现多个sis组件的邮箱地址能够相互拖拽，效果类似剪切操作。比如从sis_a中的邮箱地址拖拽到sis_b中，同时需要sis_a中的那个会被移除。 下面是具体的代码实现，每行的具体作用已经有注释了。 将拖拽数组逻辑简单写
记得自己之前写过一篇 《邮箱收件人组件（vue版）成长历程（一）》 记得当时里面写到了自己使用的是可编辑div来进行输入的，同时提到 当时出于挑战自己和青铜的倔强，想试着换个方案，完全使用可编辑div来实现。。。这个小小的倔强为后续很多功能瓶颈埋下了隐患。。。 使用contenteditable的div缺点 具体的隐患是什么的？ 因为方案中采用的点击插入新收件人时实际上就是
前期项目中需要优化原始的收件人、抄送、密送部分，换成更加现代化的样式和用户，当时将这部分抽象成一个组件了，最近的需求是发件人也要使用该组件，鉴于发件人比收件人等需要校验的地方和交互习惯变动点较多，进行了重构，在此过程中发现自己当初思维还是比较局限，特发文记录下。 先看看发件人组件的样式吧 很显然，这里的收件人支持最少两种写法，一种是纯粹的只有收件地址，比如第一个 test@qq.co
