作者： admin

vue hash 支付 回调

我们在做支付页面成功后重新回调到带有hash值的页面，后台是无法获取到#后面的内容如：http://192.168.31.62:8080/#/about，/about是获取不到的

但是vue项目都需要支持hash。

解决：

在首页路由的created加入以下代码：

function getParams(name) {
  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  var r = window.location.search.substr(1).match(reg);
  if(r) {
    return decodeURI(r[2]);
  }
  return null;
}


created() {
 if( getParams('id')==111 ){
   var url = window.location.protocol + "//" + window.location.host + "/?time=" + Math.random() + "#/about"
   window.location.href = url
 }
},

前端回调地址把

http://192.168.31.62:8080/#/about改成http://192.168.31.62:8080/?id=111

<el-tree
  v-if="showTree"
  :data="date"
  show-checkbox
node-key="id"
ref="tree"
check-strictly
:highlight-current='true'
:check-on-click-node="true"
:accordion="true"
:default-checked-keys="[checkedkey]"
:default-expanded-keys="checkedkey"
:props="defaultProps"
:default-expand-all="false"
@check-change="parentModules"
@check="currentChecked"
></el-tree>

      date: [
        {
        moduldCode: 1,
        jgmc: '一级 2',
        disabled:true,
        children: [{
          moduldCode: 3,
          jgmc: '二级 2-1',
          disabled:true,
          children: [{
            moduldCode: 4,
            jgmc: '三级 3-1-1'
          }, {
            moduldCode: 5,
            jgmc: '三级 3-1-2',
          }]
        }, {
          moduldCode: 2,
          jgmc: '二级 2-2',
          disabled:true,
          children: [{
            moduldCode: 6,
            jgmc: '三级 3-2-1'
          }, {
            moduldCode: 7,
            jgmc: '三级 3-2-2',
          }]
        }]
       }
      ],
      checkedkey: [],
      defaultProps: {
        // children: "child",
        // label: "moduleName",
        label: "jgmc",
        // id:'moduldCode' //可要可不要
      },
      // 取uniqueValue值的时候，列：uniqueValue[0]否则会是一个数组
      uniqueValue:'',//最后拿到的唯一选择的moduldCode值,相当于id
      showTree:false

methods: {
 currentChecked (nodeObj, SelectedObj) {
   console.log(SelectedObj)
   console.log(SelectedObj.checkedKeys) // 这是选中的节点的key数组
   console.log(SelectedObj.checkedNodes) // 这是选中的节点数组
 },
  //节点选择状态发生改变时
  parentModules(data,checkbox,node){
   if(checkbox){
     // 注意：后端返回的node-key不是id，是moduldCode
    this.$refs.tree.setCheckedKeys([data.id]); //data.moduldCode 根据自己需求改，我这个是moduldCode，上面data配置中我已经修改了的
    this.uniqueValue = this.$refs.tree.getCheckedKeys().toString(); //不加上toString()会报：期望一个数字或者字符串，结果返回的是数组
   }else{
    this.uniqueValue = this.$refs.tree.getCheckedKeys().toString();
    if(this.uniqueValue.length == 0){
      this.uniqueValue = ''
    }
   }
 },

}

指定默认被选中项目：

checkedkey: ['id']  //

初始化：不展开，都不被选中

this.$nextTick(function (){
 this.checkedkey = [];
 this.showTree = true
})

参考：https://www.cnblogs.com/tlfe/p/11693772.html

http://hanwenblog.com/post/20.html

https://www.msn.cn/zh-cn/weather/maps?lat=20.044219970703125&lon=110.19989013671875&ocid=winp1taskbar&weadegreetype=C&weaext0=%7B%22r%22%3A%22%E6%B5%B7%E5%8D%97%E7%9C%81%22%2C%22c%22%3A%22%E4%B8%AD%E5%8D%8E%E4%BA%BA%E6%B0%91%E5%85%B1%E5%92%8C%E5%9B%BD%22%2C%22i%22%3A%22CN%22%2C%22g%22%3A%22zh-cn%22%7D&type=hurricane&zoom=6&city=%E6%B5%B7%E5%8D%97%E7%9C%81