[Vuejs]-How do I hide a button from cell rendered component in Ag-Grid?

by

0👍

Why not use Vue’s v-show or v-if? This example shows hiding the Approve icon.

HTML

<v-tooltip bottom>
  <v-btn v-show="showApproveIcon" fab small style="height: 23px; width:23px; margin-top: 0px;"
    color="primary" slot="activator"
    @click.stop="approveRow">
    <v-icon>fa-check</v-icon>
  </v-btn>
  <span>Approve</span>
</v-tooltip>

Script

data () {
  return {
    dialogDelete: false,
    execStatusDialog: false,
    showApproveIcon: false,
  };
},
👤Alien Technology

Leave a comment