Question

我是vue.js和vue-i18n的新手，并且想知道如何使用v-for翻译呈现的项目列表。

这是一个使用vue.js的 CakePHP 项目。我尝试在data函数中引用语言环境，但这会破坏视图。

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>

我需要翻译列出的每个选项并为其他selects和lists复制。非常感谢您的帮助，因为我不确定该如何进行。

Answer 1

将您的out1 <- list( lm(mpg ~ cyl, data = mtcars), lm(mpg ~ disp, data = mtcars), lm(mpg ~ hp, data = mtcars)) setequal(out1, out2) #[1] TRUE改为计算属性，然后执行myList即可在i18n中使用其中定义的选项。

https://codepen.io/Hiws/pen/xxKRpJR?editors=1011

如何使用vue-i18n翻译渲染项目列表？

1 个答案: