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
770 B
770 B
使用指南
获取表格当前数据
可以通过 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' })