Question

我是Vue.js的新手，我在vue-bootstrap模式上遇到绑定问题。我在vue-bootstrap-modal中有一个表单，并且有一个带有NIP编号的字段，并且onChange观察者绑定到该字段。此观察者发送请求，我想将该请求的响应设置为其他输入，如下所示：

HTML：

<div id="app">
  <h2>Todos:</h2>
  <form>
    <input 
           name="model1"
           v-model="model1">

    <input 
           name="model1"
           v-model="model2">
  </form>

</div>

JS：

new Vue({
  el: "#app",
  data: {
        model1: '',
    model2: ''
  },
  watch: {
    model1: function(todo){
        Vue.http.get('https://jsonplaceholder.typicode.com/posts/1').then((response) => {
      console.log('response', 'response')
      this.model2 = 'test'
      })
    }
  }
})

https://jsfiddle.net/8cdsnL91/95/

这里工作正常，但在我的引导模式内部，在我对此输入进行更改后，值已设置。所以我写了10digit号，方法是发送请求，我收到响应，并尝试设置对模型的响应，当我尝试console.log模型时，值存在，但是在我与表单交互后视图更新。在AngularJS中，我需要使用$scope.$apply()之类的东西。有什么帮助吗？

Vue在收到请求响应后无法设置输入

0 个答案: