奥展项目笔记09--html页面跳转传值

问题描述:a.html跳转到b.html页面,并且传递参数

解决方案:

a.html中按钮绑定参数的方法:

html页面部分代码:

<a href="javascript:void(0)"  class="btn bg-maroon myinspect-btn-pink" @click="skiphtmlpage">跳转</a>

按钮点击事件绑定的方法:

skiphtmlpage(){
                window.location = '/pages/data-standards-generate.html?id=2020';
            },

b页面获取参数的方法:

var url = location.search;
if ( url.indexOf( "?" ) !== -1 ) {
       var str = url.substr( 4 ); //substr()方法返回从参数值开始到结束的字符串;
       console.log(str);
 }
console.log(url);

浏览器控制台测试输出:

参考文献:

https://blog.csdn.net/qq_35733535/article/details/80341599

猜你喜欢

转载自www.cnblogs.com/luckyplj/p/12177438.html