javascript - 如何从相同的输入加载和更新？ (VUEJS)

Question

现在我在跨度标签中显示数据，以及更新它的输入
可以从 api 加载数据，将其加载到输入中，然后更新输入以将其发送回新信息？哪种方式是最好的方法？

    <input v-model='name'> // see john and add john doe
    data(){
    return{
     name:''
    }},
    created(){
     this.data()
     },
    methods:{
    updateData(){
     // send the new name value to /updatename api
    },
    data(){
     this.name = api // john its the value
    }}

Answer 1

是的，这是可能的，首先您需要从服务器加载数据并将其放入您的 name 属性中，这是在创建的生命周期 Hook 中创建的，然后在输入事件之后，您需要将数据发送回服务器的方法。

<input v-model='name' @submit="setData()">

data(){
 return{
  name:''
 }},
async created() {
 await getData();
},
methods:{
 async getData(){
  this.name = await getApiFunction();
 }
 async setData(){
  await setApiFunction(this.name);
 }
}