在我的表中,它将一个用户数组呈现为一个包含<tr v-for="user in users" :key="user.id">个用户的表中的行

对于列角色,而不是获取admin或user.数据为管理员发送1,为用户发送2.有没有办法替换该对象的数组?如果是1=管理员,2=用户

data()
{
return {
  users: []
}


getUsers()
{
axios.get(url).then(response => { 
    this.users = response.data.report.users
})
}
<tbody>
                <tr v-for="user in users" :key="user.id">
                    <td>{{user.firstName}} {{user.lastName}}</td>
                    <td>{{user.email}}</td>
                    <td>{{user.role}}</td>
                </tr>
            </tbody>

table

推荐答案

具有计算(computed)属性的单向:

new Vue({
  el: '#demo',
  data() {
    return {
      users: [],
      roles: ['admin', 'user']
    }
  },
  computed: {
    fixUsers() {
      return this.users.map(u => { 
        return { ...u, role: this.roles[u.role-1] || 'no role' }
      })
    }
  },
  methods: {
    getUsers() {
      //your api call
      this.users = [{id: 1, firstName: 'aaa', lastName: 'bbb', email: 'aa@aa', role: 1}, {id: 2, firstName: 'bbb', lastName: 'bbb', email: 'bb@bb', role: 2}]
    }
  },
  mounted() {
    this.getUsers()
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  <table>
  <tbody>
    <tr v-for="user in fixUsers" :key="user.id">
        <td>{{user.firstName}} {{user.lastName}}</td>
        <td>{{user.email}}</td>
        <td>{{user.role}}</td>
    </tr>
</tbody>
</table>
</div>

Javascript相关问答推荐

Google maps API通过API返回ZERO_RESULTS,以获得方向请求,但适用于Google maps

手机上的渲染错误文本必须在文本组件中渲染,但在浏览器上没有问题<><>

Angular 订阅部分相互依赖并返回数组多个异步Http调用

使用原型判断对象是否为类的实例

如何强制Sphinx中的自定义js/css文件始终加载更改而不缓存?

对网格项目进行垂直排序不起作用

更改预请求脚本中重用的JSON主体变量- Postman

WP Bootstrap NavWaker:下拉菜单一次打开所有下拉菜单

类构造函数忽略Reaction Native中的可选字段,但在浏览器中按预期工作

Jest toHaveBeenNthCalledWith返回当前设置的变量值,而不是调用时的值

如何在JAVASCRIPT中临时删除eventListener?

MarkLogic-earch.suggest不返回任何值

try 使用PM2在AWS ubuntu服务器上运行 node 进程时出错

我想将Sitecore搜索面过滤器从多个转换为单个

Pevent触发material 用户界面数据网格中的自动保存

在JavaScript中,有没有一种方法可以迭代字符串的词法标记?

我怎样才能得到一个数组的名字在另一个数组?

单击子按钮时将活动切换类添加到父分区

如何判断字符串是否只包含特定字符串

为什么属性只应用于第一个元素而不是其各自的元素