MVC+Vue 跳转页面 window.location.href方式

最新推荐文章于 2024-09-02 15:43:05 发布

Escort.

最新推荐文章于 2024-09-02 15:43:05 发布

阅读量4.7k

点赞数

本文链接：https://blog.csdn.net/songsl0812/article/details/109775247

版权

上代码：

methods: {
    //点击跳转方法  
    LookOrderGrab(item) {
        //将item对象转换为字符串
      let str =  JSON.stringify(item)
        //跳转页面传参 这里对参数进行编码encodeURI
      window.location.href = "/Shop/WB/LookOrderGrab?item="+encodeURI(encodeURI(str));
    }，

            
            },

被跳转的页面来接收：

        //初始化 在模板渲染成html前调用
        created() {
            let that = this;
            that.$nextTick(() => {
                //获取location名为item的参数
                var item = that.GetRequest().item;
                //解码并转为对象
                var obj = JSON.parse(decodeURI(decodeURI(item)));
                console.log(obj)
            });
        },
        //方法
        methods: {
            //获取window.location后的携带参数
            GetRequest() {
                var url = location.search; //获取url中"?"符后的字串
                var theRequest = new Object();
                if (url.indexOf("?") != -1) {
                    var str = url.substr(1);
                    strs = str.split("&");
                    for (var i = 0; i < strs.length; i++) {
                        theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                    }
                }
                return theRequest;
            },
}