关于textarea监听换行输入内容并取值的操作

最近碰到个需求，关于textarea当中，输入邮箱，通过换行来将不同的邮箱进行取值，并set到数组中，找了找，没有啥合适的，就分开步骤将其解决，现在将合并好的代码一并整理出来，如有需要直接复制使用就好。

首先，是取值赋值部分：

项目用的vue+ivew 以其中的Input组件为例进行值的绑定。

因为用的$router.push传参，在挂载周期里，进行取值处理。其中，$route.query.notifyEmailList取值为数组。那么，我们需要将数组中数据取出，并转化为字符串，并用换行进行处理，也就是join('\n')方法，‘\n’为换行符号，当然用'\r'，也是可以。当我们处理完后，用新的变量empText去接收这个新字符串，并将值赋给我们Input所绑定的值。

赋值以后，我们回显就是这个效果，自带换行，并将已存在的邮箱进行逐个展示。这样，我们回显部分就可以告一段落。

最后，是取input中的值，再进行处理，将其处理成数组，以符合后台接口的传参规则：

我们可以用一个新变量pp以及一个新数组emp。将值取出，并进行转换合并数组操作。其中我们用到了split()这个方法，进行操作。其中 “/[(\r\n)\r\n]+/” 部分，为根据输入框内换行操作为节点，取出每一行的数据，并合并成一个新的数组。

当做完这些操作，整条功能线，就可以正常运行。我们点击提交后，打开控制台查看网路内请求传参，就可以看到我们已经可以根据业务操作需求，以及后台接口传参规则，进行正常的运行。当然，新变量命名时，要稍微注意规范，这里命名比较随意，仅为举例使用。此实例可直接将变量命名或参数命名更换后使用，不需要再去增改缺少的代码项，希望此微薄之力，可以帮到有需求的小伙伴。