Files
mes-ui-d2/docs/zh/ecosystem-d2-crud/guide.md
liyang d542f7cf23 拆分 CRUD 文档
Former-commit-id: 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly 6c3fc3b60bab166503e647681ccf7ad23caafbbf [formerly afda7e86d003381e89192eb77b7d910c17f247db [formerly 87ab6577e57c5fb40e7fb05d3625b5267b509085]]]]]
Former-commit-id: 8fcc29180fcac3a9cba291a1df22cdc27ec34563
Former-commit-id: cdf9288304e16582aece03599b69ac18b5d89db7
Former-commit-id: 3401e43a9f77898235ff6685c1499eb4e335f9a2 [formerly 7392681409ac9c22b37212bbd6896ffcf25bd049]
Former-commit-id: 3c5687734a7cc58299983f9c7bd37cc620b76b37
Former-commit-id: fac2d3c92ede0d208576bc91bd231bd165e3ae9e
Former-commit-id: 09915cbb35205822417403a1ca32cf7e20a27db5
Former-commit-id: 013e5d09572467fa21a5ce33e5b2fc6daeb00fff
Former-commit-id: da0ec4f303afe242c06eef33069bfdd02334aa62
2018-08-30 23:54:14 +08:00

770 B
Raw Blame History

使用指南

获取表格当前数据

可以通过 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' })