hfysite/pages/index.vue

<template>
  <div class="w-full">
    <lucency-header :lang="lang" page-key="index" ></lucency-header>
    <banner :wait-time="2500"></banner>
<!--    产品列表,-->
    <dev-view :lang="lang"></dev-view>
<!--    优势项目部分展示,参考海康-->
    <showing-stand :lang="lang"></showing-stand>
<!--    产品分类,参考大华,动态加载这部分内容-->
    <default-footer :lang="lang"/>
  </div>
</template>

<script>
import lucencyHeader from "~/components/header/lucencyHeader";
import banner from "~/components/banner";
import devView from "~/components/devView";
import showingStand from "~/components/showingStand";
import defaultFooter from "~/components/footer/defaultFooter";
import langMap from "~/map/langMap";
import handle from "~/until/handle";
export default {
  components: { lucencyHeader,banner,showingStand,defaultFooter,devView },
  props:['uLang'],
  data(){
    return {
      lang: this.uLang?this.uLang:langMap.lang.cn,
      msg: ""
    }
  },
  mounted() {
    this.$root.$on('changeLang',this.switchLang)
    this.loadData();
  },
  methods:{
    switchLang(nextLang){
      console.log("11111111111111111")
      if(nextLang){
        this.lang = nextLang;
      }else{
        if(this.lang === langMap.lang.cn){
          this.lang = langMap.lang.en
        }else{
          this.lang = langMap.lang.cn
        }
      }

    },
    async loadData(){
      let [err,res] = await handle(this.$axios.get("http://kindring.cn:9999/get"))
      if(err){
        console.log(err);
        return;
      }
      let result = res.data;
      console.log(result)
      if(result.code === 200){
        console.log("set msg")
       this.msg = result.msg ;
      }
    },
  }
}
</script>

<style>

</style>