主页 / 问题 / 664456
Accepted
user231246
Asked:2020-05-11 15:25:31 +0000 UTC2020-05-11 15:25:31 +0000 UTC

Vue.js 网格组件示例更改列名称

  • 772

有一个官方的网格组件示例

列名的构成如下：

var demo = new Vue({
  el: '#demo',
  data: {
    searchQuery: '',
    gridColumns: ['name', 'power'],
    gridData: [
      { name: 'Chuck Norris', power: Infinity },
      { name: 'Bruce Lee', power: 9000 },
      { name: 'Jackie Chan', power: 7000 },
      { name: 'Jet Li', power: 8000 }
    ]
  }
})

是否可以更改列的名称而不破坏功能（排序、搜索）？

例如 name 到 Name 和 power 到 Power

vue.js

1 个回答

  1. Best Answer

    例如像这样

    在

    data() { 
    return {

    }
}

    我们添加一个新对象translate并用翻译填充它。那么在输出的时候，我们输出的不是key( key)，而是我们的translatekey( translate[key])

    • 0

相关问题