resize destroy-on-close
时间: 2023-08-07 18:02:34 浏览: 237
`resize` 和 `destroy-on-close` 是 `vxe-table` 中的两个属性,具体说明如下:
1. `resize`属性用于控制表格是否可以动态调整列宽和行高。如果将 `resize` 属性设置为 `true`,则表格将具有动态调整列宽和行高的功能;否则,表格将不能动态调整列宽和行高。例如:
```html
<vxe-table :resize="true"></vxe-table>
```
2. `destroy-on-close`属性用于控制弹窗关闭时是否销毁表格。如果将 `destroy-on-close` 属性设置为 `true`,则弹窗关闭时表格将被销毁,下次打开弹窗时需要重新渲染;否则,弹窗关闭时表格不会被销毁,下次打开弹窗时表格将保持原有状态。例如:
```html
<vxe-modal :destroy-on-close="true"></vxe-modal>
```
需要注意的是,`resize` 和 `destroy-on-close` 属性都是 `vxe-table` 和 `vxe-modal` 组件的属性,如果您要使用这些属性,需要确保已正确引入了这些组件。例如:
```js
import Vue from 'vue'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'
import VXETablePluginElement from 'vxe-table-plugin-element'
import 'vxe-table-plugin-element/dist/style.css'
import VXEModal from 'vxe-modal'
import 'vxe-modal/lib/style.css'
Vue.use(VXETable)
VXETable.use(VXETablePluginElement)
Vue.use(VXEModal)
```
在上面的代码中,我们引入了 `vxe-table`、`vxe-table-plugin-element`、`vxe-modal` 三个组件,并注册了 `vxe-table-plugin-element` 和 `vxe-modal` 插件,以便于使用这些组件的属性。
阅读全文