如何在 iview UI 中使用多项选择来选择标签答案

【问题标题】：How can I select tags using multiple select in iview UI如何在 iview UI 中使用多项选择来选择标签
【发布时间】：2018-06-25 22:26:44
【问题描述】：

我不仅想从选择下拉选项中进行选择，还想从用户输入中添加自定义标签。在当前选择中，我只能从可用的 itemlists 数组中选择多个项目。但我想选择用户插入的内容。在 iView 中可以吗？

<Select v-model="model9" filterable multiple>
     <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>

当前的问题是，用户只能从数组cityList 中进行选择，但我想要用户的任何自定义输入。

谢谢。

【问题讨论】：

否，iview 不支持 <Select> 中的自定义值，但您可以在外部添加 <Input>。
嗨，sadek，你能做一个 jsFiddle 的例子，让我更清楚这个问题吗？我是 iview 成员之一，参与了 Select 组件。乐于助人...

标签： vue.js iview iview-ui

【解决方案1】：

在 v4.0.0 中有一个 allow-create 属性，可让您创建新项目。

<Select v-model="model18" filterable multiple allow-create @on-create="handleCreate2">
    <Option v-for="item in cityList4" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>

【讨论】：