主动调用

<el-curd>组件我们可以主动调用其方法和变量并改变它

<div id="app" v-cloak>
    <el-curd 
        ref="curd"
        :field="field">
    </el-curd>
</div>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                field: [],
            }
        },
        created() {
	        // 主动更新表格搜索条件
	        this.$refs.curd.search = Object.assign({}, this.$refs.curd.search, {
                page: 1, 
            });

            // 主动刷新表格
            this.$refs.curd.getData();

            // 主动打开表单指定字段
            this.$refs.curd.openData(row, [字段名,字段名], '指定字段', true);

            // 主动获取当前表格数据
            this.$refs.curd.table;

            // 主动获取当前表格搜索条件
            this.$refs.curd.search;

            // 主动获取当前表格搜索条件
            this.$refs.curd.search;

            // 主动获取当前表单内容
            this.$refs.curd.drawerForm
        }
    })
</script>

 

文档最后更新时间:2023-03-30 14:35:31