You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.2 KiB
63 lines
1.2 KiB
4 years ago
|
<template>
|
||
|
|
<div id="app">
|
||
|
|
<div id="nav">
|
||
|
|
<p>我是app页面,当前appId {{ appId }}</p>
|
||
|
|
<router-link to="/">Home</router-link>
|
||
|
|
<router-link to="/about">About</router-link>
|
||
|
|
</div>
|
||
|
|
<router-view/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import HelloWorld from "@/components/HelloWorld";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'home',
|
||
|
|
components: {
|
||
|
|
HelloWorld
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
appId: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
if (this.$route.query.appId) {
|
||
|
|
this.appId = this.$route.query.appId
|
||
|
|
}
|
||
|
|
let search = window.location.search
|
||
|
|
if (search.indexOf('appId') !== -1) {
|
||
|
|
if (search.indexOf('&') === -1) {
|
||
|
|
this.appId = search.substring(7)
|
||
|
|
} else {
|
||
|
|
let str = search.substring(7)
|
||
|
|
this.appId = str.substring(0, str.indexOf('&'))
|
||
|
|
}
|
||
|
|
}
|
||
|
|
console.log(`这个是默认页面的主页：${this.$store.state.myname}`)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="less">
|
||
|
|
#app {
|
||
|
|
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
text-align: center;
|
||
|
|
color: #2c3e50;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav {
|
||
|
|
padding: 30px;
|
||
|
|
|
||
|
|
a {
|
||
|
|
font-weight: bold;
|
||
|
|
color: #2c3e50;
|
||
|
|
|
||
|
|
&.router-link-exact-active {
|
||
|
|
color: #42b983;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|