问题描述

vue页面上渲染值，我们一般用的是

{

{ student.name }}

，（例如

获取学生的名字

）。但是有时候键值是动态变化的时候，就需要写成获取对象属性值的另一种方式，

{

{ student['name'] }}

。再复杂一点的情况：

{{ item[`${landTable}_num`] }}

import { landTable } from '../constant'

当碰到上面这种情况，键值来自外部定义的常量，那么直接这样写是不行！！！

因为，vue中页面上的所有数据必须全部来自于自己本身的data中，所以光导入这一步是不行的。还需要在data中再定义一次，如下：

{{ item[`${landTable}_num`] }}

import { landTable } from '../constant'

export default {
  name: "...",
  data() {
    return {
      landTable: landTable
    }
  }
}