宽度变化指令：v-resize

概述

v-resize 绑定一个函数，当该元素宽度/高度发生变化时触发。

代码示例

演示

可以给任何元素、组件使用。

当宽度变化时，会触发事件

<template>
    <div>
        <Button @click="width = 400">改变宽度</Button>
        <div class="demo-resize" v-width="width" v-resize="handleResize">
            当宽度变化时，会触发事件
        </div>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                width: '100%'
            }
        },
        methods: {
            handleResize () {
                this.$Message.info('Table 宽度正在变化');
            }
        }
    }
</script>
<style>
    .demo-resize{
        border: 1px solid #999;
    }
</style>

Expand Copy Copy