inflearn logo
강의

Khóa học
Chia sẻ kiến thức

Google Tin tức được tạo bằng Quasar

Xịt lên màn hình bằng qtable

q-table data 문제

750

iamcwonlee

4 câu hỏi đã được viết

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

Câu trả lời 1

0

iamcwonlee

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

 

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

 

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

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

0

48

2

app logs 데이터로 쿼리 연습

0

53

2

[과제] 연습문제 쿼리 작성했습니다!

0

49

2

6-1. 강의 최종 과제 제출합니다.

0

63

3

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

0

125

3

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

0

101

4

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

0

91

2

최종 과제 제출

0

83

3

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

0

69

2

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

0

78

2

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

0

76

2

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

0

88

2

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

0

77

3

더백님 감사합니다

1

85

1

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

0

70

1

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

0

70

1

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

0

63

1

최종 과제 제출

0

153

3

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

0

112

2

파이어베이스 문의

0

84

2

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

0

593

4

Compiled with problems 질문드립니다.

1

1420

1

Unknown command "dev"

0

1510

1

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

0

307

1