そのままcomputedにしてもリアクティブになってないのでwindowサイズ変更を検知できない
@Component({})
export default class TableWraper extends Vue {
get elmWidth () {
return document.getElementById('target').offsetWidth
}
}
resizeイベントリスナでdataの値を更新する
@Component({})
export default class TableWraper extends Vue {
width = 0
mounted () {
this.init()
this.width = document.getElementById('target').offsetWidth
window.addEventListener('resize', () => {
this.width = document.getElementById('target').offsetWidth
})
}
}