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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部