vue 实现列表中英文切换

Question

页面动态生成一个证书，里面内容是动态的，现在有个切换按钮，点击将其切换成英文证书，在网上看到了vue-i18n这个插件,但是看到好像是提前将中文 和对应的英文写好，那动态的数据如何转呢？求解

Answer 1

如果不是项目要 i18n，只是根据需要显示中文或英文，那么直接用个变量做切换不就好了？类似：

<template lang="pug">
.cert-container(v-if="isCN")
  // 中文证书
.cert-container(v-else)
  // 英文证书
</template

<script>
export default {
  data() {
    return {
      isCN: false,
    };
  },

  beforeMount() {
    getCert();
    getEnglishCert();
  },
}

Answer 2

遇到很多问这个问题的，不想多说了，你可以去github上搜vue-element-admin，这个框架上有完整的项目资料，你觉得好的可以直接引用