vue 加载静态资源之路由跳转传参

vue 加载静态资源

一：准备一个js文件把数据放进去，（这里面的静态图片要放在项目的public文件夹下面哦）

let array = [
  {
    code: "310151201",
    street: "新村乡",
    pinyin: "XinCun village",
    detail:
      "截止至2019年10月，新村乡有农户4516户，常住人口11756人，其中户籍人口10607人，外来常住从业人员1149人。其中60岁以上4197人，80岁以上584人，百岁老人1人，人口老龄化形势严峻。面对乡域内老年人人口比例很高，高龄、独居、纯老家庭较多，养老需求比较尖锐多元等问题，我乡统筹考虑，整合资源，加快为老服务体系建设，着力打造的老年宜居社区，促进新村社会养老事业持续健康发展。目前乡域内现有新村敬老院1家，在建敬老院1家，综合为老服务中心2家，长者照护之家1家，老年日间照料中心3家，综合型老年助餐点3家，标准化老年活动室8家，社区睦邻点86家，本着以人为本、公平、公正的原则，从老人实际需求出发，为老人提供生活照料、家政照护、医疗保健、精神慰藉、文化运动等多层次的居家养老服务。",
    num1: 1.17,
    num2: 0.42,
    num3: "35.7%",
    imges: [
      {
        name: "长者照护之家",
        url: "static/street/310151201/1.png"
      },
      { name: "综合为老服务中心", url: "static/street/310151101/2.png" },
      {
        name: "综合为老服务中心",
        url: "static/street/310151201/3.png"
      },
      {
        name: "活动开展",
        url: "static/street/310151201/4.png"
      }
    ]
  },
.......等等
];
//导出
export default array;

二：在需要的页面引入,打印出streetArray可以看到我们的数据，我们将它循环处理push到我们自己定义的数组codes中

import streetArray from "@/assets/js/street";
  data() {
    return {     
      codes: [],
  },
  mounted() {
    streetArray.forEach((value, key, array) => {
      this.codes.push(value);
    });
  
  },

三：因为需要点击对乡镇跳到对应的乡镇详情，这里根据code来判断对应的乡镇

之前用的调转方式是router-link直接跳转: