在Vue.js中删除/编辑记录

Question

我正在使用vuejsbootrap的。 我想一次编辑或删除单个记录。

<b-table :items="products" :fields="fields">
  <template slot="actions" slot-scope="row">
    <a @click='editRecord()'><font-awesome-icon icon="edit" /></a> | 
    <a @click='deleteRecord()'><font-awesome-icon icon="trash-alt" 
    /></a>
  </template>
</b-table>

我正在调用editRecord和deleteRecord，但是我无法将当前记录对象或ID传递给方法。

Answer 1

使用广告位范围中的row变量：

<template slot="actions" slot-scope="row">
  <a @click='editRecord(row)'><font-awesome-icon icon="edit" /></a> | 
  <a @click='deleteRecord(row)'><font-awesome-icon icon="trash-alt"/></a>
</template>