2017-12-28 36 views
0

특정 vue-tables-2 패키지 구현에 대한 도움을 얻으려고합니다. 그렇게하기 위해 jsfiddle을 설정하고 심지어 가장 기본적인 구현을 위해 t is undefined 오류를 계속 발생 시키려고합니다. 다른 사람이이 오류를 겪었습니까? 나는 그것이 의존성을 가져 오는 것과 관련이 있다고 생각하지만, 그것을 피할 수는 없다.Vue 및 vue-tables-2-t로 JsFiddle을 설정하는 것은 정의되지 않았습니다.

jsfiddle을 실행하고 실행하는 방법에 대한 제안 사항에 감사드립니다.

HTML

<div id="app"> 
    <div class="col-md-8 col-md-offset-2"> 
    <div id="people"> 
     <v-server-table url="https://jsonplaceholder.typicode.com/users" :columns="columns" :options="options"> 
     </v-server-table> 
    </div> 
    </div> 
</div> 

자바 스크립트

Vue.use(VueTables.ServerTable); 

new Vue({ 
    el: "#people", 
    data: { 
     columns: ['name', 'username'], 
     options: { 
      // see the options API 
     } 
    } 
}); 

https://jsfiddle.net/kbpq5vb3/35/

답변

1

이 서버가 문서에 명시된 vue-tables-2이 요구되는 올바른 데이터 형식을 제공하지 않는 것 같다

,536,

두 가지 속성을 가진 JSON 객체를 반환해야합니다.

  • data : array - 동일한 키를 가진 행 객체의 배열입니다.
  • 카운트 : number - 제한 전의 총 카운트.

서버 반환, 당신은 아마 당신이 axios로 데이터를 잡을 수있는 클라이언트 테이블을 사용하기 위해 무엇을 변경할 수없는 경우.

최소 클라이언트 테이블 예 : axios을 사용하여 데이터를 가져옵니다. https://jsfiddle.net/kbpq5vb3/38/

+0

또한 서버 구성 요소를 고수하고 'responseAdapter' 옵션을 사용하여 예상되는 형식에 대한 응답을 성형 할 수 있습니다. – Matanya