vue vuedraggable增加拖拽表格的高度怎么写
时间: 2023-08-03 13:59:40 浏览: 165
要增加Vue Draggable拖拽表格的高度,你可以使用以下方法:
1. 使用CSS样式设置高度:为拖拽表格的父元素添加一个自定义的class或id,并在CSS文件中设置该class或id的高度。
```html
<template>
<div class="custom-container">
<draggable>
<table>
<!-- 表格内容 -->
</table>
</draggable>
</div>
</template>
<style>
.custom-container {
height: 400px; /* 设置你想要的高度 */
}
</style>
```
2. 使用Vue Draggable的配置项设置高度:在Vue组件中,使用Vue Draggable的配置项来设置拖拽表格的高度。
```html
<template>
<draggable :options="dragOptions">
<table>
<!-- 表格内容 -->
</table>
</draggable>
</template>
<script>
export default {
data() {
return {
dragOptions: {
// 其他配置项...
height: 400 // 设置你想要的高度
}
};
}
};
</script>
```
以上是两种常见的方法来增加Vue Draggable拖拽表格的高度。根据你的具体需求,选择其中一种方法进行实现即可。
阅读全文