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 문제

766

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

58

2

[과제]1-9 피벗 테이블 만들어보기

0

65

2

cnt수를 구할 때 왜 user_pseudo_id 를 사용하나요?

0

61

2

최종 과제 제출합니다.

0

94

2

3-13 과제

0

90

3

'Canvas 설정과 배경 설정’ 부분에 대해 질문드립니다.

1

71

1

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

0

90

2

app logs 데이터로 쿼리 연습

0

94

2

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

0

81

2

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

0

100

3

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

0

163

3

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

0

135

4

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

0

109

2

최종 과제 제출

0

107

3

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

0

84

2

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

0

90

2

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

0

85

2

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

0

104

2

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

0

107

3

더백님 감사합니다

1

98

1

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

0

624

4

Compiled with problems 질문드립니다.

1

1428

1

Unknown command "dev"

0

1525

1

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

0

323

1