Avue--crud组件，分页中page属性根据接口返回的数据改变,页面没更新问题

avue的crud组件，走后台请求了数据，根据后台返回的page数据修改crud的page数据后，发现页面的总条数、页码等数据并没有变化。由于请求数据走了异步方法，所以需要在page后加一个sync事件修饰符：<avue-crudref="dytttcrud"//:page="page":page.sync="page":data="listData"@size-change="sizeCh

前端-卡布达

8900人浏览 · 2022-02-14 13:50:00

前端-卡布达 · 2022-02-14 13:50:00 发布

avue的crud组件，走后台请求了数据，根据后台返回的page数据修改crud的page数据后，发现页面的总条数、页码等数据并没有变化。

由于请求数据走了异步方法，所以需要在page后加一个sync事件修饰符：

      <avue-crud
        ref="dytttcrud"
        //:page="page"
        :page.sync="page"
        :data="listData"
        @size-change="sizeChange"
        @current-change="currentChange"
        @selection-change="selectionChange"
        :option="tableOption"
      >
        
      </avue-crud>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^