Vue 普通URL 传参给页面

 

<template>
  <div style="height: 100%;text-align: center">
    <h2 >对账单</h2>
    <p>账套ID：{{aid}}</p>
    <p>客户代码：{{khdm}}</p>
  </div>
</template>

<script>
  import { mapActions } from "vuex";

  export default {
      data() {
        return {
           aid:0,
           khdm:''

        };
      },
      created() {
         this.getUrlParam();
      },
      methods: {
        ...mapActions(["ajax_post", "ajax_get"]),
        getUrlParam: function () {
          var name,value;
          var str=location.href; //取得整个地址栏
          var num=str.indexOf("?");
          str=str.substr(num+1); //取得所有参数   stringvar.substr(start [, length ]
          var arr=str.split("&"); //各个参数放到数组里
          for(var i=0;i < arr.length;i++){
            num=arr[i].indexOf("=");
            if(num>0){
              name=arr[i].substring(0,num);
              value=arr[i].substr(num+1);
              this[name]=value;
            }
          }
        }
      }
  }
</script>

<style scoped >

</style>