在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue iview table綁定數(shù)據(jù)源無效問題

vue iview table綁定數(shù)據(jù)源無效問題

<div id="app">
              <i-table :columns="columns1" :data="historyData" height="700"></i-table>
              <Page :total="dataCount" :page-size="pageSize" @on-change="changepage" show-sizer></Page>
</div>
<script>
var vue =  new Vue({
    el: '#app',
    data (){
        return {
        //在腳本中,我們在表格中定義的數(shù)據(jù)和表頭都需要在這里進行綁定,下面是一些假數(shù)據(jù),其中Columns1中的title表示列明,key表示K-V中的標識
            columns1: [
                {
                    title: '用戶名',
                    key: 'username'
                },
                {
                    title: '郵箱',
                    key: 'email'
                },
                {
                    title: '創(chuàng)建時間',
                    key: 'createTime'
                },
                {
                    title: '更新時間',
                    key: 'updateTime'
                }
            ],
            //接下來綁定數(shù)據(jù),分別對應前面的列的key值來進行數(shù)據(jù)綁定
            historyData: [],
            // 初始化信息總條數(shù)
            dataCount:0,
            // 每頁顯示多少條
            pageSize:10
        }
    },
    methods: {
        querytable(){
          axios.get("/springboot/user/getUsers")//post也可以改成get,但需要對應服務端的請求方法
              .then(function (response) {
                  // 保存取到的所有數(shù)據(jù)
                  this.dataCount = response.data.list.length;
                  // 初始化顯示,小于每頁顯示條數(shù),全顯,大于每頁顯示條數(shù),取前每頁條數(shù)顯示
                  if(response.data.list.length < this.pageSize){
                      this.historyData = response.data.list;
                  }else{
                      this.historyData = response.data.list.slice(0,this.pageSize);
                  }
              })
              .catch(function (error) {
                alert(error);
              });
      },
        changepage(index){
            var _start = ( index - 1 ) * this.pageSize;
            var _end = index * this.pageSize;
            this.historyData = response.data.slice(_start,_end);
        }
    },
      //當頁面加載的時候執(zhí)行
         created () {
          this.querytable();
        }
    });
</script>

圖片描述

圖片描述

已經渲染了數(shù)據(jù)源,為什么一直沒有數(shù)據(jù)呢?

回答
編輯回答
你的瞳

解決了,是在html里作用域的問題,異步執(zhí)行未請求的時候已經復制了,換成jquery的ajax,async:false之后可以了

2018年3月21日 17:31