javascript - 更改字段值后重新加载页面 [VUE.JS]

Question

我对 Web 开发完全是菜鸟，我有 Vue.js 项目，在 created() 函数中我正在解析数据并打印它，因为我猜是 Hook 函数并在页面渲染阶段或类似的阶段。我想在用户修改输入值后调用 created()。

我正在使用v-model和watch:

watch: {
  myvalueChanged: function(newVal, oldVal){
     console.log("%s %s", newVal, oldVal);
     // I want call created() again from here
  }
}

我该怎么做？附:我想再次调用created()，而不是重新加载页面(如果可能的话)

Answer 1

created() 在实例创建后同步调用。在此阶段，实例已完成处理选项，这意味着已设置以下内容:数据观察、计算属性、方法、监视/事件回调。

所以在你的情况下我认为你需要使用方法函数。可以随时调用方法。

示例:

watch: {
  myvalueChanged: function(newVal, oldVal){
     this.testMethod(newVal, oldVal);
  }
}

methods: {
  testMethod: function (newVal, oldVal) {
     console.log("%s %s", newVal, oldVal);
  }
}