Resize 指令

当调整窗口大小时，v-resize 指令可用于调用指定的函数。

用例

调整您的浏览器窗口大小并观察值的变化..

template script

<template>
  <v-row v-resize="onResize" align="center" justify="center">
    <v-subheader>Window Size</v-subheader>
    {{ windowSize }}
  </v-row>
</template>

<script>
  export default {
    data: () => ({
      windowSize: {
        x: 0,
        y: 0,
      },
    }),
    mounted () {
      this.onResize()
    },
    methods: {
      onResize () {
        this.windowSize = { x: window.innerWidth, y: window.innerHeight }
      },
    },
  }
</script>

API

从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。