vxe-grid配置项data怎么调用vue外面的数据
时间: 2024-03-23 07:40:41 浏览: 114
基于 vxe-table 表格的适配插件,用于兼容 ant-design-vue 组件库
如果你想在vxe-grid组件中使用Vue外部的数据,可以使用props属性将数据传递给vxe-grid组件。具体来说,你需要在父组件中定义一个数据,然后将这个数据作为props传递给vxe-grid组件。例如:
```html
<template>
<vxe-grid :data="gridData" />
</template>
<script>
export default {
data () {
return {
gridData: []
}
},
mounted () {
// 在这里获取Vue外面的数据,然后更新gridData
this.gridData = [/* 数据源 */]
}
}
</script>
```
在这个例子中,我们定义了一个名为gridData的数据,然后将它作为data属性传递给vxe-grid组件。在mounted钩子函数中,我们可以获取Vue外部的数据,然后将它赋值给gridData,这样vxe-grid组件就可以使用这个数据了。
阅读全文