v-model +问题：输入值

Question

我想在输入文本中显示API GET的结果，并且还能够在通过PUT路由将其发送回我的A​​PI之前修改该输入的内容。但是下面的代码出错了。

 <input type="text" class="form-control" v-model="titre" :value="posts['titre_panneau']">

这是我得到的错误。

Answer 1

您可以做的-

 <input type="text" class="form-control" v-model="titre">

在您的数据属性中-

data () {
  return {
    titre: null
  }
}

当您收到响应时，只需将效价设为新值即可。

  methods: {
    getData () {
      this.GET('ENDPOINT').then(res => {
        this.titre = res.data.posts[titre_panneau]
      })
    }
  }

让我知道它是否有效！