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>

vue / 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

您可以在模板中提供自己的属性值。（有关详细信息，请参见docs。）

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

以此类推

如何覆盖vuejs组件的默认值？

1 个答案: