{"id":295,"date":"2021-09-09T09:26:20","date_gmt":"2021-09-09T01:26:20","guid":{"rendered":"http:\/\/gjweb.top\/?p=295"},"modified":"2021-09-09T09:26:21","modified_gmt":"2021-09-09T01:26:21","slug":"element-%e8%a1%a8%e6%a0%bc-%e5%88%86%e9%a1%b5%e5%99%a8%e5%ae%9e%e7%8e%b0%e5%89%8d%e7%ab%af%e5%88%86%e9%a1%b5","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=295","title":{"rendered":"Element \u8868\u683c + \u5206\u9875\u5668\u5b9e\u73b0\u524d\u7aef\u5206\u9875"},"content":{"rendered":"\n
<template>
    <!--\u8868\u683c-->
    <el-table
          :data=\"Table.slice((teacher_currentPage - 1) * teacher_pagesize,teacher_currentPage * teacher_pagesize)\"
          style=\"width: 100%\">
          <el-table-column
            prop=\"name\"
            label=\"\u59d3\u540d\"
            align=\"center\"
            width=\"\">
          <\/el-table-column>
        <\/el-table>
     <!--\u5206\u9875\u5668-->
        <el-pagination
          background
          layout=\"total, sizes, prev, pager, next, jumper\"
          :page-sizes=\"[10, 15, 20, 30]\"
          :page-size=\"pagesize\"
          :current-page=\"currentPage\"
          @current-change=\"currentFy\"
          @size-change=\"handleSizeChange\"
          :total=\"Table.length\"
        >
        <\/el-pagination>
<\/template>
<script>
    export.default {
        data(){
            return{
                Table:[{}],
                pagesize:10, \/\/ \u6bcf\u9875\u663e\u793a\u7684\u6761\u6570
                currentPage:1 \/\/ \u663e\u793a\u5f53\u524d\u9875\u6570
            }
        },
        methods:{
            currentFy(currentPage){
                this.currentPage = currentPage;
            },
            handleSizeChange(size) {
              this.pagesize = size;
            },
        }
    }
<\/script><\/code><\/pre>\n\n\n\n
\u503c\u5f97\u6ce8\u610f\u7684\u662f Table<\/strong> \u7684\u521d\u59cb\u5316\u6570\u636e\u91cc,\u8981\u4fdd\u7559\u4e00\u6761\u4fe1\u606f, \u5982\u679c\u6570\u7ec4\u4e3a\u7a7a,\u5219 slice<\/strong> \u64cd\u4f5c\u7b26\u4f1a\u62a5\u9519<\/p>\n","protected":false},"excerpt":{"rendered":"
\u503c\u5f97\u6ce8\u610f\u7684\u662f Table \u7684\u521d\u59cb\u5316\u6570\u636e\u91cc,\u8981\u4fdd\u7559\u4e00\u6761\u4fe1\u606f, \u5982\u679c\u6570\u7ec4\u4e3a\u7a7a,\u5219 slice \u64cd\u4f5c\u7b26\u4f1a\u62a5\u9519<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-295","post","type-post","status-publish","format-standard","hentry","category-elementui"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=295"}],"version-history":[{"count":0,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/295\/revisions"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}