根据屏幕尺寸Vuejs动态更改表行

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

data: {
  screenWidth: window.innerWidth
}

created() {
  window.addEventListener('resize', this.handleResize)
},
methods: {
  handleResize() {
    this.screenWidth = window.innerWidth
  }
}

<table>
  <tr>
    <th>列1</th>
    <th v-if="screenWidth > 768">列2</th>
    <th v-if="screenWidth > 1024">列3</th>
  </tr>
  <tr>
    <td>数据1</td>
    <td v-if="screenWidth > 768">数据2</td>
    <td v-if="screenWidth > 1024">数据3</td>
  </tr>
</table>