Vue v-for 中使用this的问题

### 问题描述
在Vue中使用v-for 实现一个table,table使用的是element-table,现在需要table的label 实现国际化,发现在里面无法使用this对象。

相关代码

tableItems: [
{

cName:'LiquidFlowSTD',  
eName:'LiquidFlowSTD'  

},
{

cName: "WaterFlowSTD",  
eName: "WaterFlowSTD"  

},
{

cName: "GasFlowSTD",  
eName: "GasFlowSTD"  

},{

cName: "WC",  
eName: "WC"  

},
{

cName: "GVF",  
eName: "GVF"  

},
{

cName: "温度",  
eName: "Temperature"  

},
{
cName: "压力",

eName: "Pressure"  

},{

cName: "DP",  
eName: "DP"  

}
],

<el-table-column v-for="(item,index) in tableItems" :key="index"
prop="date"
:label="this.$i18n.locale=='zh_cn'">
</el-table-column>

在这里面this无法指向Vue的对象实例,就无法判断系统的语言环境,
image.png
发现在v-for 里面无法使用Vue的实例对象this。

请教一下这个是不是因为JavaScript的语法作用域导致this的指向发生变化呢?这种问题该怎么解决呢?

待解决 悬赏分:80 - 离问题结束还有 506天13小时47分24秒
反对 0举报 0 收藏 0

我来回答

回答3