允许用户在预先填充服务器数据的Vue输入上输入

Question

我有一些文本输入，它们从后端API接收数据。我还需要允许用户将其数据输入到输入中。如何修复下面的代码以允许使用它？

<input
  type='text'
  class='form-control input--square'
  id='cell'
  placeholder='Женат'
  :value='profile.persAdditionalInfo.family === 1 ? "Married" : "Not married"'
  @input='profile.persAdditionalInfo.family = $event.target.value'
/>

profile.persAdditionalInfo.family收到0或1。

Answer 1

使用v-model

data: () => ({
    message: null
})

<input v-model="message" placeholder="отредактируй меня">