element 表格分页页面大小设置不生效?

Question

  <el-pagination 
                @size-change="listTask"
                @current-change="listTask"
                :current-page.sync="filter.page"
                :page-sizes="[10, 200, 500, 2000]"
                :page-size="filter.size"
                layout="sizes, prev, pager, next"
                :total="task_list.total">
   </el-pagination>


<script>
    var app = new Vue({
    el: '#auto_wechat',
    data: {
        demo: "hello",
        list_loading: false,
        page_loading: true,
        page_total: 0,
        filter: {
            name: "",
            start_date: "2022-01-01",
            end_date: "2022-10-10",
            page: 1,
            size: 10,
            status: ""
        }
    }
</script>

请教一下，为啥size选了其它选项，请求的size还是10呢？

Answer 1

:page-size.sync