inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

Quasar로 만드는 구글 뉴스

qtable을 이용해 화면에 뿌리기

q-table data 문제

743

iamcwonlee

작성한 질문수 4

0

안녕하세요 강사님. 

q-list에서 나오던 뉴스데이터가 q-table 사용시 들어오지 않습니다. 콘솔에도 아무 에러 없이 데이터가 잡히는 걸 볼 수 있어서 질문드립니다. 화면에는 'No data available' 이라고만 나오네요.

 

<template>
  <div>
    <q-table :data="newsList" :columns="columns" row-key="name" />
    <!-- <q-list bordered>
      <q-item clickable v-ripple v-for="news in newsList" :key="news.source.id">
        <q-item-section class="text-h7">{{ news.title }}</q-item-section>
        <q-item-section side class="text-caption">{{
          fromNow(news.publishedAt)
        }}</q-item-section>
      </q-item>
    </q-list> -->
  </div>
</template>
<script>
import moment from "moment";
export default {
  data() {
    return {
      newsList: [],
    };
  },
  async created() {
    const newsUrl =
      "https://newsapi.org/v2/everything?q=Apple&from=2022-05-24&sortBy=popularity&apiKey=";
    const response = await this.$axios.get(newsUrl);
    console.log(response.data.articles);
    this.newsList = response.data.articles;
  },
  methods: {
    fromNow(timestamp) {
      return moment(timestamp).fromNow();
    },
  },
};
</script>
 
 
 

 

 

quasar vuejs firebase

답변 1

0

iamcwonlee

문제를 해결했지만, 같은 문제를 겪는 분들이 계실 수도 있어서 남깁니다.

 

qtable attribute를 ':data'가 아닌 ':rows'로 바꾸시면 테이블에 데이터가 들어옵니다.

 

<q-table :rows="newsList" :columns="columns" row-key="title" />

3-13 리텐션 과제 제출합니다

0

10

1

3-13. 리텐션 연습과제 제출합니다.

0

18

1

'플러터 개발환경 세팅하기' 링크 클릭시, 악성 스크립트 설치 유도 페이지로 이동하니 조심하시길 바랍니다.

0

43

2

최종 과제 제출

0

47

2

Weekly Retention 과제 작성하였습니다.

0

51

2

3-10 강의 14분경 코호트 해석 질문드립니다.

0

64

2

Weekly 및 Monthly Retention 과제 제출합니다.

0

64

2

[과제] 퍼널 쿼리 PIVOT 테이블 작성

0

63

2

이미지 업로드해도 프로필에 x만 떠요

0

59

3

더백님 감사합니다

1

72

1

39. Main화면 추가 UI 에서 자료는 어디서 받나요??

0

61

1

미션 마감일시를 좀 늘려주세요

0

62

1

개인브랜딩 사이트 만들기가 마감일시가 있었네요.

0

52

1

최종 과제 제출

0

131

3

주사위앱 소개 및 레이아웃 설정 문제

0

89

2

파이어베이스 문의

0

65

2

searchable이 화면 하단에 위치해요

0

92

2

Recoil 에러

0

92

1

cleric.fbx 파일을 열 수 없다는 에러가 뜹니다

0

107

2

강의 15분에 질문드립니다

0

113

2

axios로 뉴스 정보가 들어오지 않습니다.

0

581

4

Compiled with problems 질문드립니다.

1

1416

1

Unknown command "dev"

0

1503

1

version 이슈로 package.json를 봐야 겠는데 github repo는 어디있나요? :)

0

303

1