как создать форму записи в формате json массива vuejs?

#javascript #vue.js #vue-component

Вопрос:

Я хочу спросить, у меня есть входные данные в таблице в виде переключателя, ранее у меня были данные json, которые я проанализировал в таблицу.

это мой json

 "item_tabel" : [  { // array 0  "method": [  {"item_method": "IT001"},  {"item_method": "IT002"}  ],  "innovation": [  {"innovation_item": "Top down wall"},  {"innovation_item" : "Top down Beton"}  ],  },  { // array 1  "method": [  {"item_method": "IT003"},  {"item_method": "IT004"}  ],  "innovation": [  {"innovation_item": "Top down wall"},  {"innovation_item" : "Top down Beton"}  ],  }  ],  

а это мой столик

введите описание изображения здесь

в таблице для каждой строки и столбца выберите 1 ввод с помощью переключателя, это мой код

 lt;tbodygt;  lt;tr v-for="(data, index) in result_estimate.item_tabel" :key="index"gt;  lt;tdgt;{{index   1}}lt;/tdgt;  lt;td v-for="(n, ix) in data.item_name" :key="ix" class="left"gt; {{n.name}}lt;/tdgt;  lt;tdgt;  lt;template v-for="(itm, i) in data.method"gt;  lt;p :key="i"gt;  lt;input type="radio" v-model="inp_met[index]" :value="itm.item_value"   @change="handleClickInput(data, index, i, itm.item_value)"gt;  lt;labelgt;{{itm.item_method}}lt;/labelgt;  lt;/pgt;  lt;/templategt;  lt;/tdgt;  lt;tdgt;  lt;template v-for="(inn, row_in) in data.innovation"gt;  lt;p :key="row_in"gt;  lt;input type="radio" v-model="inp_in[index]" :value="inn.innovation_value"gt;  lt;labelgt;{{inn.innovation_item}}lt;/labelgt;  lt;/pgt;  lt;/templategt;  lt;/tdgt;  lt;/trgt;  lt;/tbodygt;  //button submit  lt;button type="button" @click="submit_output"gt;Savelt;/buttongt;  

и это моя функция

 export default {  data(){  return {  inp_met: {},  inp_in : {},  }  },  computed: {  ...mapState({ result_estimate: (state) =gt; state.res_estimate }),  },  methods:{  submit_output(){  // I want to make a post format like this  var submit = {  item : [  { //row 1 in table  inp_met: 'IT002', here i choose index 0 from array to 1  inp_in : 'Top down wall-01'  },  { //row 2 in table  inp_met: 'IT004', here i choose index 1 from array to 1  inp_in : 'Top down wall-03'  }]  }  console.log(submit);  },  handleClickInput(data, index, i, value) {  console.log(value)  },  }  }  

я создал статический формат в функции отправки, как это сделать ? заранее спасибо тем, кто помог. Спасибо

Комментарии:

1. вверх плисссссссссс