<el-curd>组件我们可以监听每次操作变化
<div id="app" v-cloak>
<el-curd
ref="curd"
:field="field"
@get-data="getData(event)"
@open-data="openData(event)"
@save-data="saveData(event)"
@remove-data="removeData(event)"
@select-data="selectData(event)"
@input-data="inputData(event)">
</el-curd>
</div>
<script>
new Vue({
el: '#app',
data() {
return {
field: [],
}
},
methods: {
// 请求数据时回调
getData(e) {
console.log(e);
}
// 打开数据编辑/添加界面时回调
openData(e) {
console.log(e);
}
// 保存数据时回调
saveData(e) {
console.log(e);
}
// 删除数据时回调
removeData(e) {
console.log(e);
}
// 选中数据行时回调
selectData(e) {
console.log(e);
}
// 数据发生变化时回调
inputData(e) {
console.log(e);
}
}
})
</script>