下拉框从接口读默认值，并可以匹配搜索2

要求：在上一篇博客的基础上，需求：再有一个编辑页面，编辑页面要能显示已经被新增页面选择过的标签

效果图如下：

 1：在template里面：跟上面的template一模一样

注意

我这里为了配合后端接口，做了以下处理，如果不需要配合，可以跳过

1.1：data里：

form: {
  receiver: '',
  receivers: [],
}

因为传给接口的是receiver，是一个字符串，而多选需要用数组来存放

1.2：传数据时：join() 方法将数组作为字符串返回。这些字符串用;来连接（在数组里使用逗号分割的

const data = { ...form }
data.receiver = data.receivers.join(';')

1.3：读接口数据时（这里用展开运算符，把data展开，然后用后面的receivers去覆盖data里的receivers，因为返回的是receiver）

if (code === 0) {
    const receivers = data.receiver.split(';')
    this.form = { ...data, receivers }
}

2：如果不需要把数组转成字符串，再把字符串转成数组，只需要直接读接口数据就可以，展示出来即可

if (code === 0) {
    this.form = data
}

注意

代码没有写全，包括保存接口，调用函数等