Component WarehouseAdd

```
<el-col :span="4" v-if="isWarehouseReplicate" class="apply">
    <button class="btn blue" :disabled = "isApply" @click="onClickApply()"> Apply
        <i class="fa fa-anchor"></i>
    </button>
</el-col>
<tableview isVisible="isVisibleTableView"></tableview>

<script>
import tableview from './TableView'
components: {
  tableview
},
data() {
  return {
    isVisibleTableView: false,
  }
},
onClickApply: function () {
  console.log('onclick');
  this.isVisibleTableView = true;
}
}

```

component Tableview

```
<template>
  <div class="row" v-if="isVisible">
   // some code
</template>

<script> 
  props: [
   'isVisible']
</script>

```

Initially isVisibleTableView should be false and on buttton click i want to update the value to true.
Here I am trying to show tableview component on Button click but this is not working in my case.
I am trying to change the prop in run time.
What can I possibly use in order to accomplish ?