在vue-tags-input VueJs中创建更新方法

时间:2019-12-09 13:00:47

标签: vue.js vuejs2

我尝试创建一种将值从输入发送到服务器的方法。我将方法附加到@before-editing-tag,但是此方法必须在提交时使用,而不是之前使用,因此我附加到@tags-changed,但是在那里我没有相同的参数(例如ID或Name) )。

<vue-tags-input
    v-model="tagName"
    :delete-on-backspace="false"
    :tags="tags"
    :allow-edit-tags="true"
    class="tags-input w-100 mt-0"
    @tags-changed="newTags => tags = newTags"
    @before-adding-tag="obj => handlers.push(obj.addTag)"
    @before-deleting-tag="deleteCustomerName"
    @before-editing-tag="updateCustomerName"
    />

    updateCustomerName(params){
        const id_c = params.tags.id;

        put("/customers/" + id, {
                name: this.params.tags.name,
            })
            .then(() => {
                this.$nextTick(() => {
                    console.log('Succes');
                });
            })
            .catch(e => {
                console.log(e);
            });
    },

更新: 我使用此@before-saving-tag="updateCustomerName",该方法将数据发送到服务器,唯一的问题是新元素未更新,我必须刷新页面。

0 个答案:

没有答案