不同按钮进入同一个页面显示不同的div

页面一的按钮：

<div  style="padding:10px 0px;">
    <a href="#/financialStatements?byYear" class="easyui-linkbutton l-btn l-btn-large" style="width:200px;height:45px;display:inline-block;">纳税报表</a>
    <a href="#/financialStatements?debet" class="easyui-linkbutton l-btn l-btn-large" style="width:200px;height:45px;display:inline-block;">资产负债表</a>
    <a href="#/financialStatements?profit" class="easyui-linkbutton l-btn l-btn-large" style="width:200px;height:45px;display:inline-block;">利润表</a>
    <a href="#/financialStatements?money" class="easyui-linkbutton l-btn l-btn-large" style="width:200px;height:45px;display:inline-block;">现金流量表</a>
 </div>

页面二在加载前进行判断：

    mounted:function(){
            //url#后面的分段
            var str = window.location.hash;
            var list = str.split("#/financialStatements?");
            if(list.indexOf("byYear")==1){
                $("#twoYear").hide();
                $("#threeYear").hide();
                $("#debet").hide();
                $("#profit").hide();
                $("#money").hide();
            }else if(list.indexOf("debet")==1){
                $("#byYear").hide();
                $("#profit").hide();
                $("#money").hide();
            }else if(list.indexOf("profit")==1){
                $("#byYear").hide();
                $("#debet").hide();
                $("#money").hide();
            }else if(list.indexOf("money")==1){
                $("#byYear").hide();
                $("#debet").hide();
                $("#profit").hide();
            }       
    }

window.location.hash;//这个会获得href中#后面的字段，然后可以通过参数的不同，进行div的隐藏和显示，

这里使用的jquery的$("#twoYear").hide();和$("#threeYear").show();

这里使用的是vue的mounted,需要先加载页面再进行function;

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作.