quasar ajax用法,vue.js - Quasar q-table not rendering data from AJAX - Stack Overflow

title="posts"

dense

:data="posts"

:columns="columns"

row-key="name"

>

import { api } from 'boot/axios'

export default {

name: 'PageIndex',

data () {

return {

columns: [

{

name: 'id',

label: 'the id',

field: 'id',

align: 'left',

sortable: true

}

],

posts: []

}

},

methods: {

getPosts () {

api.get('https://jsonplaceholder.typicode.com/posts')

.then(response => {

this.posts = response.data

console.log(this.posts)

})

.catch(error =>{

console.log(error)

})

}

},

mounted () {

this.getPosts()

}

}

I'm starting up with quasar framework and trying to get a simple q-table that gets populated from an ajax call. I don't see any errors (which would have been helpful) but data is not showing up. Is there something I'm missing here. Any pointers would help.

Also, I see the data coming back from the ajax call. But data is not making it to the q-table.

Best,