Vue template模板中无法获取到变量属性值

问题描述

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
    }
  }
}