使用Quasar Framework和Vuejs删除__Index:x

时间:2019-10-23 08:39:37

标签: vue.js datatable insert quasar-framework quasar

我在插入数据时遇到问题。我不知道要删除__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')
  })
},

这是结果。

I want to delete __index: xxx

  

请帮助我删除__Index:xx

1 个答案:

答案 0 :(得分:0)

您只需要遍历各列并获取所需的data。请检查控制台。

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