如何使用vue.js将数据显示到表中

时间:2018-10-27 11:01:15

标签: vue.js

嗨,我正在尝试将此脚本放在我的文件中。

<template>
  <b-table striped hover :items="items"></b-table>
</template>
<script>
const items = [
  { isActive: true, age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },
  { isActive: false, age: 21, first_name: 'Larsen', last_name: 'Shaw' },
  { isActive: false, age: 89, first_name: 'Geneva', last_name: 'Wilson' },
  { isActive: true, age: 38, first_name: 'Jami', last_name: 'Carney' }
]

export default {
  data () {
    return {
      items: items
    }
  }
}
</script>

在我的文件中,我并非像示例中那样从const项目中获取数据,而是使用此脚本:

computed: {
    siteObject() {
      console.log(this.site);
      return this.site;
    },

如何将此信息放在我的桌子上?

我用它来显示我的数据:

<div v-for="(item, index) in siteObject.cases" :key="index" >

0 个答案:

没有答案