奥展项目笔记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