javascript - 连接文本以获得变量名称 VUE2

标签 javascript arrays vuejs2

在 Vue2 组件中,我有一个语言数组,其中包含所有翻译的文本

"translated": {
    "oneText": "Text one",
    "twoText": "Text two"
}

我需要根据从 item.number 接收到的值显示语言文本,该值可以是一、二...

我尝试这样做,但在 item.numberone 的情况下,这会返回我 translated.oneText 值而不是 Text one

<span>{{ 'translated.' + item.number + 'Text' }}</span>

这显然会在运行时返回错误...

<span>{{ translated. + item.number + Text }}</span>

最佳答案

你试过吗

{{ translated[item.number + "Text"] }}

关于javascript - 连接文本以获得变量名称 VUE2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48901790/

相关文章:

java - 创建列表而不是硬编码参数值

php - 在 php 中求和两个数组值

javascript - Vue-router:去掉 url 中的尾部斜杠

vuejs2 - 使用 vuetify 进行多个快速拨号

javascript - AngularJs Jcarousel 实现仅在 pageresize 之后才起作用

javascript - 如何改进这个包含基本重复逻辑的 toggleClass 函数?

javascript - jQuery get 和 post 使用 await 返回不同的结果?

python - 物理尺寸和阵列尺寸

javascript - Vuejs中的单独数组推送

javascript - 优化 iPhone 浏览器的 Javascript/jQuery 代码