【vue】el-input 实现换行批量搜索

写在前面

后端需要传一个数组[] 进行搜索，一般我们会选择用el-select，但在一些需求中，这样的UI并不方便用户使用，如批量搜索手机号这个功能。但如果用输入框，一开始声明写数组会出现报错，那么就需要我们在一开始声明为字符串，在传递的时候再转换为数组

实现效果

 

代码

 <el-input
     v-model="data.mobiles"
     placeholder="若批量搜索，请回车输入下一个"
     type="textarea"
     :rows="2"
 ></el-input>

return {
      data: {
        mobiles: "",
      },
}

let mobiles = this.data.mobiles;
mobiles = mobiles.split("\n"); //转成数组
const post = {
     mobiles: mobiles.filter((item) => item),
};

相关知识点

• 利用split转成数组
•