Удалить __Index: x, используя Quasar Framework и Vuejs - PullRequest
1 голос
/ 23 октября 2019

У меня проблема с данными вставки. Я не знаю, чтобы удалить __index: X, если я вставляю новые данные в таблицу, используя входные данные формы. Мне нужна помощь.

*<--Code for table-->*
    <q-table
      title="Task List Of The Day"
      :columns="test_columns"
      row-key="name"
      :pagination="pagination"
      :data="absensi"
    >
      <template slot="body" slot-scope="props">
        <q-tr :props="props">
          <q-td key="project" :props="props">{{ props.row.project }}</q-td>
          <q-td key="activity" :props="props">{{ props.row.activity }}</q-td>
          <q-td key="remaks" :props="props">{{ props.row.remaks }}</q-td>
          <q-td key="action" :props="props">
            index: {{props.row.__index}}
            <q-btn color="red" dense flat icon="eva-trash-2-outline" @click="deleteabs(props.row.__index)"/>
          </q-td>
        </q-tr>
      </template>
    </q-table>     

<---This is the script--->
simpan() {
 .
 .
 .
delInsert() {
  this.absensi.forEach(key => {
    Object.keys(key).forEach(val => {
      if (val === '__index') {
        delete key[`${val}`]
      }
    })
    console.log(this.absensi, '===data')
  })
},

Это результат.

Я хочу удалить __index: xxx

Пожалуйста, помогите мне удалить __Index: хх

1 Ответ

0 голосов
/ 24 октября 2019

Вам просто нужно пройтись по столбцам и получить data, который вы хотите. Пожалуйста, проверьте консоль.

https://codepen.io/Pratik__007/pen/pooPPjy

...