inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

Quasar로 만드는 구글 뉴스

qtable을 이용해 화면에 뿌리기

q-table data 문제

721

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" />

더백님 감사합니다

1

37

1

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

0

35

1

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

0

45

1

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

0

38

1

최종 과제 제출

0

81

3

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

0

59

2

파이어베이스 문의

0

41

2

searchable이 화면 하단에 위치해요

0

61

2

Recoil 에러

0

70

1

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

0

64

2

강의 15분에 질문드립니다

0

65

2

교육자료 마젠타색

0

63

1

BigQuery 활용편 18강 질문있습니다!

0

84

1

안드로이드 에뮬레이터가 실행이 안 되요...ㅠ

0

105

2

리텐션 공부하다가 궁금한게 생겨 질문드립니다

0

83

2

안녕하세요 강사님 코호트 쿼리 공부하다가 의문점이 생겨서 문의드립니다

0

75

2

26분에 질문 드립니다

0

62

1

biquery 테이블 생성 오류 이슈

0

55

2

로그인 과정에서 이메일 형식 오류 발생합니다.

0

87

2

동일하게 쿼리를 작성했는데 화면과 다른 값이 나옵니다

0

73

2

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

0

537

4

Compiled with problems 질문드립니다.

1

1392

1

Unknown command "dev"

0

1482

1

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

0

290

1