我是 vue.js 和 vue-i18n 的新手，想知道如何使用 v-for< 翻译渲染的项目列表。
这是一个使用 vue.js 的 CakePHP 项目。我尝试在 data 函数中引用区域设置，但这会破坏 View 。
JS
new Vue({
i18n,
el: '#my-form',
data: {
myList: [
{key: 1, title: 'Option 01'},
{key: 2, title: 'Option 02'},
{key: 3, title: 'Option 03'}
]
}
})
<div>
<label>{{ $t('label.options') }}</label>
<div>
<button v-for="option in myList">{{ title }}</button>
</div>
</div>
我需要翻译列出的每个选项并复制其他选择和列表。非常感谢任何帮助，因为我不确定如何继续。
最佳答案
将您的 myList 改为计算属性，您可以通过执行 title: this.$t(options.1) 来利用 i18n 中定义的选项。
关于javascript - 如何使用 vue-i18n 翻译渲染项目列表？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57593599/