├── README.md └── index.vue /README.md: -------------------------------------------------------------------------------- 1 | # vue-resize-box 2 | 3 | ## 局部注册 4 | ### 导入组件: import ResizeBox from 'vue-resize-box' 5 | ### 注册组件:components: {[ResizeBox.name]: ResizeBox} 6 | ### 使用组件:\xxx\ 7 | 8 | ## 全局注册 9 | ### 下载组件:npm install vue-resize-box 10 | ### 导入组件:import ResizeBox from 'vue-resize-box' 11 | ### 注册组件:Vue.use(ResizeBox) 12 | ### 使用组件:\xxx\ 13 | 14 | ## Attributes 15 | ### | 参数 | 说明 | 类型 | 可选值 | 默认值 | 16 | ### | min | 最小宽高,单位px | object | width、height | 0,即不限制 | 17 | ### | max | 最大宽高,单位px | object | width、height | 0,即不限制 | 18 | ### | move | 移动手柄配置 | object | t、l、r、b、tl、tr、bl、br | true,即全可用 | 19 | ### | speed | 移动速度倍数配置 | number | >=1 | 2 | 20 | ### | disabled | 是否禁用 | object | true、false | false | 21 | -------------------------------------------------------------------------------- /index.vue: -------------------------------------------------------------------------------- 1 | 73 | 74 | 127 | 128 | 313 | --------------------------------------------------------------------------------