如何用(Axios，php和vue.js)填充编辑表单中的当前数据

在前端开发中，可以使用Vue.js和Axios来填充编辑表单中的当前数据。Vue.js是一个流行的JavaScript框架，用于构建用户界面，而Axios是一个基于Promise的HTTP客户端，用于发送异步请求。

首先，确保你已经引入了Vue.js和Axios的相关库文件。然后，按照以下步骤进行操作：

创建一个Vue实例，并定义一个data属性来存储表单中的数据：

new Vue({
  el: '#app',
  data: {
    formData: {
      name: '',
      age: '',
      email: ''
    }
  },
  // ...
});

在Vue实例的created生命周期钩子中，使用Axios发送GET请求来获取当前数据：

new Vue({
  el: '#app',
  data: {
    formData: {
      name: '',
      age: '',
      email: ''
    }
  },
  created() {
    axios.get('/api/data')  // 替换为实际的API接口地址
      .then(response => {
        this.formData = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  },
  // ...
});

在表单中使用v-model指令将数据绑定到输入框：

<div id="app">
  <form>
    <label for="name">姓名：</label>
    <input type="text" id="name" v-model="formData.name">

    <label for="age">年龄：</label>
    <input type="number" id="age" v-model="formData.age">

    <label for="email">邮箱：</label>
    <input type="email" id="email" v-model="formData.email">
  </form>
</div>

通过以上步骤，你可以使用Axios发送GET请求获取当前数据，并将数据填充到编辑表单中。当用户修改表单数据时，Vue.js会自动更新formData对象中的值。

注意：以上代码仅为示例，实际情况中需要根据具体的后端接口和数据结构进行调整。

关于Axios、Vue.js和PHP的详细介绍和使用方法，你可以参考以下链接：