VueJS 3 - V-model 不更新初始数据值答案

【问题标题】：VueJS 3 - V-model not updating the initial data valueVueJS 3 - V-model 不更新初始数据值
【发布时间】：2022-07-19 02:37:20
【问题描述】：

我在这里阅读了所有类似的主题，但仍然无法判断出什么问题......

v-model 不让数据反应。

我在 Linux 上使用 vue@3.2.31 和 Chromium 浏览器版本 88，我有以下代码：

与

data() { return { runTimes: 1, }; },

奇怪的是，只有在这个浏览器上，v-model才不会更新runTimes的初始值。它不仅在这部分代码上，而且在我使用 v-model 的所有代码上。在所有其他浏览器上，一切正常，在 Windows、MacOS 和 Android 上进行了测试。

有人对 v-model 的更新有任何问题吗？

提前致谢

【问题讨论】：

Sooo，没有人遇到过这样的问题？

标签： vuejs3 chromium v-model

【解决方案1】：

为什么是v-model.number=“runTimes”？，

应该是v-model=“runTimes”

【讨论】：

这里只是指定变量的格式。已经在有和没有 .number 的情况下对其进行了测试 - 不起作用

【解决方案2】：

事实证明，有一个虚拟键盘扩展，它不会触发正确的事件以使反应起作用。

我仍在尝试在不重新编写代码的情况下找到解决方案，但最终，当您想使用它时，可以从元素本身获取值。

【讨论】：

【解决方案3】：

有时某些浏览器不支持响应式 v-model 更新，尤其是移动浏览器。在这种情况下，您可以使用:value="yourModelValue"。

例如：

<input type="text" :value="myValue" @input="inputData($event)">

export default {
  data() {
    return {
      myValue: '',
    }
  },

  methods: {
    inputData($event) {
      // Value will update reactively
      $event.target.value;
    }
  }
}

【讨论】：