Question

我有类似的东西：

<template>
  <div>
    {{ text }}
  </div>
</template>

<script>
  export default {
    data: () => ({
      text: 'Hello world'
    })
  }
</script>

我想获得＆＃34; Hello world＆＃34;的翻译字符串。在脚本标签内，但我不知道如何做到这一点。我试过像：

<script>
  export default {
    data: () => ({
      text: t('hello_world')
    })
  }
</script>

这个t('hello_world')会为翻译的字符串映射的另一个文件中的翻译字符串。

Answer 1

您可以像以前一样直接使用Vue外部功能。这是一个简短的工作示例：

payments$

new Vue({
  el: '#content',
  data: {
    text: t('hello_world')
  }
})

function t(text) {
  return 'Hello World' // simulate output for demonstration purposes
}

Answer 2

我认为你应该使用Vue-i18n，它可以解决你的问题。

在脚本中获取已翻译的字符串 - Vue JS + Vue Translate

2 个答案: