传递 $t 作为 prop 给一个组件的国际化数据的方法-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

传递 $t 作为 prop 给一个组件的国际化数据的方法

P粉898049562 2024-03-21 18:30:32

[Vue.js讨论组]

525

以正常方式无需翻译，但我想翻译两个对象数组并绑定到组件中

<InfoNews 
           v-for="infonew in infonews"
            :id="infonew.id"
            :title="infonew.title"
            :content="infonew.content"
          />
 data() {
    return {
     infonews: [
        {
          id: "01",
          title: "what we do",
          content:"industke aecimen book. ",
        },
        {
          id: "02",
          title: "our mission",
          content:"ggdddg",
           
        },
      ],
    };

P粉898049562

全部回复(1)

P粉8846670222024-03-22 10:23:33 1楼

使 infonews 成为计算属性。每个的 title 和 content 应该是翻译键。

export default {
  computed: {
    infonews() {
      return [
        {
          id: "01",
          title: this.$t("what we do"),
          content: this.$t("industke aecimen book"),
        },
        {
          id: "02",
          title: this.$t("our mission"),
          content: this.$t("ggdddg"),
        },
      ]
    };
  }
}