v-model +问题：输入值

Question

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

 <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]
      })
    }
  }

如果有效，请告诉我！