# 使用指南

# 获取表格当前数据

可以通过 ref 拿到表格实时数据,也可以通过监听 @d2-data-change 事件来获取表格中数据

<template>
  <div>
    <d2-crud
      ref="d2Crud"
      :columns="columns"
      :data="data"
      @d2-data-change="handleD2DataChange"/>
  </div>
</template>

<script>
export default {
  data () {
    return {
      columns: [],
      data: []
    }
  },
  mounted () {
    console.log(this.$refs.d2Crud.d2Data) // 获取表格数据
  },
  methods: {
    handleD2DataChange (data) {
      console.log(data)
    }
  }
}
</script>

# 设置默认尺寸

main.js 使用 D2Crud 时传入 size 即可(可选值: medium small mini

Vue.use(d2Crud, { size: 'small' })