被动回调

<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>

 

文档最后更新时间:2023-03-16 10:07:15