Мне нужна помощь.Я использую пакет vue-multiselect для ввода тегов.Я использую два тега ввода, один для тегов, другой для ключевого слова.Я использую mongodb в качестве базы данных.Теги вставляются в базу данных, но ключевое слово не вставляется.
Пожалуйста, помогите мне исправить это.
Весь код здесь:
<template>
<label for="tags">Tags</label>
<multiselect v-model="value" tag-placeholder="Add this as new tag" placeholder="Search or add a tag" label="name" track-by="code" :options="options" :multiple="true" :taggable="true" @tag="addTag"></multiselect>
<label for="keywords">Keywords</label>
<multiselect v-model="keyvalue" key-placeholder="Add this as new key" placeholder="Search or add a key" label="name" track-by="code" :options="keyoptions" :multiple="true" :taggable="true" @tag="addKey"></multiselect>
</template>
<script>
import Multiselect from 'vue-multiselect'
export default {
data: () => ({
tags: [],
keywords: []
}),
methods:
addTag (newTag) {
const tag = {
name: newTag
}
this.options.push(tag)
this.value.push(tag)
},
addKey (newKey) {
const key = {
name: newKey
}
this.keyoptions.push(key)
this.keyvalue.push(key)
}
watch: {
value: function (val) {
this.value.forEach(element => {
this.tags.push(element.name)
})
},
keyvalue: function (val) {
this.keyvalue.forEach(element => {
this.keywords.push(element.name)
})
}
}
}
</script>