添加多语言模块

TEAMModel.Contest/ContestApp/components/HelloWorld.vue

@@ -10,7 +10,7 @@
             <Button @click="test">00000</Button>
         </li>
         <Tabs value="name1">
-            <TabPane label="标签一" name="name1">标签一的内容</TabPane>
+            <TabPane label="标签一" name="name1">{{$t('home.home')}}</TabPane>
             <TabPane label="标签二" name="name2">标签二的内容</TabPane>
             <TabPane label="标签三" name="name3">标签三的内容</TabPane>
         </Tabs>

TEAMModel.Contest/ContestApp/src/main.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import App from '../src/App.vue'
 import router from '../router/router'
 import store from '../store/store'
-//import i18n from './i18n'
+import i18n from '../static/local/i18n'
 import iView from 'iview';
 import 'iview/dist/styles/iview.css';
 import { receive, post } from '../https/http';
@@ -19,7 +19,8 @@ Vue.prototype.$get = receive;
 Vue.use(iView);
 
 new Vue({
-  router,
-  store,
-  render: h => h(App)
+    router,
+    store,
+    i18n,
+    render: h => h(App)
 }).$mount('#app')

TEAMModel.Contest/ContestApp/static/local/en-US/en-us.js

@@ -0,0 +1,5 @@
+module.exports = {
+    home: {
+        'home': 'Home2222222222222',
+    },
+}

TEAMModel.Contest/ContestApp/static/local/i18n.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+Vue.use(VueI18n)
+
+// 以下为语言包单独设置的场景，单独设置时语言包需单独引入
+const messages = {
+    'zh-CN': require('../local/zh-CN/zh-cn'),   // 中文簡體语言包
+    'en': require('../local/en-US/en-us'),    // 英文语言包
+    'zh-TW': require('../local/zh-TW/zh-tw')    // 中文繁體
+}
+let lang = (navigator.systemLanguage ? navigator.systemLanguage : navigator.language || navigator.userLanguage);
+if (lang.indexOf('en') != -1) {
+    lang = lang.substr(0, 2);
+    if (lang == null) {
+        lang = 'zh-CN'
+    }
+}
+//this.$i18n.locale = lang;
+localStorage.setItem("Language", lang);
+
+export default new VueI18n({
+    locale: lang, // set locale 默认显示英文
+    messages: messages // set locale messages
+})

TEAMModel.Contest/ContestApp/static/local/zh-CN/zh-cn.js

@@ -0,0 +1,5 @@
+module.exports = {
+    home: {
+        'home': '首页111111111',
+    },
+}

TEAMModel.Contest/ContestApp/static/local/zh-TW/zh-tw.js

@@ -0,0 +1,5 @@
+module.exports = {
+    home: {
+        'home': '首頁000000000000000000000',
+    },
+}

TEAMModel.Contest/ContestApp/store/store.js

@@ -47,8 +47,6 @@ export default new Vuex.Store({
             window.localStorage.removeItem("teamModelId");
             window.localStorage.removeItem("checkTicket");
         },
-        addNum: state => state.stepNum++,
-        setNum: state => state.stepNum = 0,
     },
     actions: {
 

TEAMModel.Contest/TEAMModel.Contest.csproj

@@ -5,6 +5,13 @@
     <AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel>
   </PropertyGroup>
 
+  <ItemGroup>
+    <Compile Remove="ContestApp\新文件夹2\**" />
+    <Content Remove="ContestApp\新文件夹2\**" />
+    <EmbeddedResource Remove="ContestApp\新文件夹2\**" />
+    <None Remove="ContestApp\新文件夹2\**" />
+  </ItemGroup>
+
 
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.App" />
@@ -14,7 +21,6 @@
 
 
   <ItemGroup>
-    <Folder Include="ContestApp\新文件夹1\" />
     <Folder Include="ContestApp\新文件夹\" />
     <Folder Include="wwwroot\dist" />
   </ItemGroup>