我尝试创建一种将值从输入发送到服务器的方法。我将方法附加到@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"
,该方法将数据发送到服务器,唯一的问题是新元素未更新,我必须刷新页面。