Как заполнить текущие данные в форме редактирования с помощью (Axios, php и vue.js)

Question

Я новичок в (Axios, PHP и vue.js), я хочу заполнить текущие данные в форме редактирования без использования цикла for

, когда я использую код нижепередает данные в базу данных SQL, которую я печатаю в полях ввода

   updateRecord: function (id) {
       let formData = new FormData();
       console.log(formData);
       formData.append('name', this.name);
        formData.append('msisdn', this.msisdn);

       const blackList = {};
         formData.forEach(function(value, key){
          blackList[key] = value;
         });
      axios({
         url: 'http://whizzdev/blackListEdit.php?id=' + id + "&action=update",
          method: 'post',
          data: formData,
          config: {headers: {'Content-Type': 'multipart/form-data'}}
        });

  <div class="modal-container">
         <form>
            <label>Name</label>
              <select v-model="name" type="select">
                <option>Prevent MSISDNS from PLAYING</option>
                <option>Prevent MSISDNS from WINNING</option>
              </select>
              <label>Msisdn</label>
              <input type="text" v-model="msisdn">
           </form>
            <button type="submit" value="update" @click="updateRecord(blackList.id)">Save</button>
            <button type="reset" @click="showModal = false">back</button>
          </div>
      </div>

Answer 1

Ваш код также должен работать без следующего кода, так как blacklist не используется внутри updateRecord():

   const blackList = {};
     formData.forEach(function(value, key){
      blackList[key] = value;
     });