页面切换小技巧 - liuyong1352/vue-adminlte4j GitHub Wiki

第一种采用同一个页面包含不同的内容使用数据控制，例如如下

增加一个page 表示需要的切换的页面，可以为字符串，整数都可以

<v-box v-if="page1" title="列表">
        List
        <v-button @click="switch_to">切换页面</v-button>
</v-box>
<v-box v-else-if="!page1" title="Detail">
     Detail
    <v-button @click="switch_to">切换页面</v-button>
</v-box>

JS如下

data : function () {
    return {
        page1:true
    }
} ,
methods : {
    switch_to:function() {
        this.page1 = !this.page1
    }
}

第二种，直接使用window.location.href=(你要跳转的页面地址D)

这时涉及到如何传值问题，再此推荐，通过QueryString传值，尽量传入关键字段 /pageD.html?xid=8
在D页面取值，直接调用

var xid=$.getQueryStr("xid")

https://github.com/liuyong1352/vue-adminlte4j/wiki/1

⚠️ GitHub.com Fallback ⚠️