Question

我有一个输入字段，当用户键入某些内容时，我正在创建一个数组。我在用户按'，'时将字符串分隔为数组。因此，如果用户键入：“ apple，banana，mango”，则数组为：['apple'，'banna'，'mango']。我正在使用vuejs2。生成数组的代码是：

<template>
    <input type="text" v-model="labelString" @keyup="addLabels">
</template>
<script>
export default {
    data() {
        return {
            labelString: '',
            labels: []
        }
    },
    methods: {
        addLabels() {
            this.labels = this.labelString.split(',');
        },
    }
}
</script>

现在，我想使输入字段像StackOverflow站点的“标记”字段一样（当您问一个问题时，在“发布您的问题”按钮的正上方）..当用户键入一个或多个单词然后按“，”会像这个字段一样分开。谁能帮我怎么做？或帮助我找到方向。 TIA

Answer 1

您应该执行以下操作：

let searchTextAppearance = UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]) searchTextAppearance.font = UIFont(name: "Baskerville", size: 14) searchTextAppearance.textColor = .green

<template>
    <span>{{ labels }}</span><input type="text" v-model="labelString" @keyup.188="addLabels">
</template>

Sample

然后用标签设置new Vue({ el: "#app", data() { return { labelString: '', labels: [] } }, methods: { addLabels() { this.labels.push(this.labelString); this.labelString = ''; }, } })的样式，使其看起来像位于span内部。

使输入字段像多重选择选项

1 个答案: