|  |  | 
 |  |  | <script> | 
 |  |  | import {mapState} from "vuex"; | 
 |  |  |  | 
 |  |  | export default { | 
 |  |  |   name: 'BaseComputeHeight', | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       tableHeightNew: 300 | 
 |  |  |       // tableHeightNew: 300 | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   computed: { | 
 |  |  |     ...mapState(['tableHeightNew']) | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |     this.computeTableHeight() | 
 |  |  |     // this.computeTableHeight() | 
 |  |  |   }, | 
 |  |  |   mounted () { | 
 |  |  |     this.computeTableHeight() | 
 |  |  |     window.addEventListener('resize', this.computeTableHeight) | 
 |  |  |     // this.computeTableHeight() | 
 |  |  |     // window.addEventListener('resize', this.computeTableHeight) | 
 |  |  |   }, | 
 |  |  |   activated() { | 
 |  |  |     this.computeTableHeight() | 
 |  |  |     // this.computeTableHeight() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     computeTableHeight () { |