Crud 模块

刷新

点击刷新按钮回调refresh-change方法返回当前分页page和搜索的表单searchForm

<avue-crud :data="data" :option="option" @refresh-change="refreshChange"></avue-crud>
<script>
export default {
    data() {
      return {
        data: [
          {
            name:'张三',
            sex:'男'
          }, {
            name:'李四',
            sex:'女'
          }
        ],
        option:{
          page:false,
          align:'center',
          menuAlign:'center',
          column:[
             {
              label:'姓名',
              prop:'name'
            }, {
              label:'性别',
              prop:'sex'
            }
          ]
        },
      };
    },
    methods: {
     refreshChange({page,searchForm}){
        this.$message({
          message: `当前的返回的分页对象${JSON.stringify(page)} 搜索表单对象${JSON.stringify(searchForm)}`,
          type: 'success',
        });
     }
    }
}
</script>