Javascript Vue.js v-bind有延迟，表单在值更改之前提交

我试图用SweetAlert模式（基本上是一个提示符）中输入的值更新隐藏的输入

下面的代码不起作用，表单提交，但隐藏字段

value

为null

HTML:

然而，下面的代码似乎确实有效！但如果我只是简单地使用旧的JavaScript，那么使用Vue.js并没有多大意义

HTML:

---

当您更改Vue实例的数据属性的值时，就像您使用

this.value=websiteId

所做的那样，该绑定属性在Vue实例下次更新之前不会更新

的值

但是，下一次更新将在方法中的所有内容都执行之后才会发生

要解决此问题，请使用等待，直到Vue实例已更新，然后再执行

event.target.submit（）

下面是一个例子：

methods: {
  submitForm() {
    this.value = websiteId;
    this.$nextTick(() => {
      event.target.submit();
    });
  }
}

---

啊，不知道！谢谢，将标记为答案。这是一件非常棘手的事情，除非您很好地理解Vue的内部结构。这个答案救了我。甚至连搜索都很棘手。谢谢

this.value = websiteId;
event.target.submit();

<input type="hidden" class="input-value-web" name="input" value="0">

document.querySelector('.input-value-web').value = websiteId;
event.target.submit();

methods: {
  submitForm() {
    this.value = websiteId;
    this.$nextTick(() => {
      event.target.submit();
    });
  }
}