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

731

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

더백님 감사합니다

1

52

1

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

0

52

1

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

0

51

1

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

0

45

1

최종 과제 제출

0

113

3

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

0

78

2

파이어베이스 문의

0

51

2

searchable이 화면 하단에 위치해요

0

80

2

Recoil 에러

0

86

1

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

0

83

2

강의 15분에 질문드립니다

0

90

2

교육자료 마젠타색

0

82

1

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

0

95

1

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

0

129

2

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

0

93

2

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

0

89

2

26분에 질문 드립니다

0

75

1

biquery 테이블 생성 오류 이슈

0

67

2

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

0

126

2

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

0

83

2

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

0

549

4

Compiled with problems 질문드립니다.

1

1406

1

Unknown command "dev"

0

1493

1

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

0

296

1