Delete/Edit record in vuejs

Question

I am using vuejsbootrap's . I want to edit or delete single record at a time.

<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>

i am calling editRecord and deleteRecord but i am unable to pass current record object or id to method.

Brian Lee · Accepted Answer · 2018-12-05 08:43:07Z

1

Use the row variable from the slot scope:

<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>

answered Dec 5, 2018 at 8:43

Brian Lee

18.3k3 gold badges45 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bablu Patel Over a year ago

Thank U very much. Now i am understanding vuejs little bit.

Collectives™ on Stack Overflow

Delete/Edit record in vuejs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related