Как переопределить значения по умолчанию для компонента vuejs?

Question

Я реализовал плагин VUEJS (через CDN), и он работает, но я не могу изменить реквизиты по умолчанию ... Есть идеи, как изменить настройки по умолчанию?

В приведенном ниже коде вы можете увидеть мою попытку выполнить это

HTML:

<tags-dic element-id="tags" v-model="selectedTags" :typeahead="true"></tags-input>

<script src="https://cdn.jsdelivr.net/npm/@voerro/vue-tagsinput@1.11.2/dist/voerro-vue-tagsinput.js"></script>

вя / JavaScript:

<script type="text/javascript">

            var app = new Vue({
                el: '#searchapp',
                components: {  "tags-dic": VoerroTagsInput },

                data: {
                    query: "",
                    typeahead: true,
                    placeholder: 'Add a new tag',
                    limit: 1,
                    onlyExistingTags: true,
                    existingTags: [
                         'DNA',
                         'RNA',
                         'Protein',
                                ],
                    selectedTags: [], 

                },
                methods: {
                    submit: function() {
                        console.log("clicked");
                        if (this.query) {

                            console.log("OK");

                        }
                    }
                }
            })


        </script>

Спасибо

Answer 1

Вы можете указать собственные значения свойств в шаблоне. (Подробнее см. документы .)

<tags-dic 
    element-id="tags" 
    v-model="selectedTags" 
    :typeahead="true"
    :existing-tags="existingTags"
    :placeholder="placeholder"
/>

и т. Д.