如圖我在地圖彈框加了一個按鈕點擊進入二級頁面,vue+router index.js也配置了子頁面
頁面點擊按鈕卻沒反應,app.vue也有<router-view/>
試了好幾種辦法,沒什么用,大佬們幫我看一下是怎么回事
formatter的點擊事件

js

index.js 子頁面路由
uj5u.com熱心網友回復:
頁面有沒有報錯uj5u.com熱心網友回復:
還是不行 沒反應
uj5u.com熱心網友回復:
看看點擊函式是否起作用
點擊跳轉時網頁路徑是否正確
看看控制臺有沒有報錯
uj5u.com熱心網友回復:
children的path不用加‘/’吧
還是不行 沒反應
看看點擊函式是否起作用
點擊跳轉時網頁路徑是否正確
看看控制臺有沒有報錯
頁面上點擊按鈕沒反應 控制臺也沒報錯 是沒有監聽到?
uj5u.com熱心網友回復:
children的path不用加‘/’吧
還是不行 沒反應
看看點擊函式是否起作用
點擊跳轉時網頁路徑是否正確
看看控制臺有沒有報錯
頁面上點擊按鈕沒反應 控制臺也沒報錯 是沒有監聽到?
網頁路徑變化了沒
在點擊事件輸出一下試試
uj5u.com熱心網友回復:
children的path不用加‘/’吧
還是不行 沒反應
看看點擊函式是否起作用
點擊跳轉時網頁路徑是否正確
看看控制臺有沒有報錯
頁面上點擊按鈕沒反應 控制臺也沒報錯 是沒有監聽到?
網頁路徑變化了沒
在點擊事件輸出一下試試
我換成a標簽跳轉了,可是跳轉之后頁面空白您知道是什么原因嗎
這是子頁面內容
<template>
<div>
<div class="top">
<p class="title">標題</p>
<p class="tip">實時動態</p>
</div>
<Tabs value="https://bbs.csdn.net/topics/city">
<TabPane label="太原訪情" name="city">
<h1 class="cityfq">{{}}訪情</h1>
<span class="newtime">截至</span>
<div class="category">
<Category :title="'累計'"
:count=0
:color="'#e57471'"
/>
<Category :title="'新增'"
:count=0
:color="'#dda451'"
/>
<Category :title="'已辦結'"
:count=0
:color="'#5d4037'"
/>
<Category :title="'已辦結'"
:count=0
:color="'#919399'"
/>
</div>
</TabPane>
</Tabs>
</div>
</template>
<script>
import Category from '../category/Category.vue';
export default {
name: "Child",
components: {Category}
}
</script>
<style scoped>
.cityfq{
font-family:sans-serif;
font-style:normal;
font-weight: 900;
font-size:40px;
}
.newtime{
margin-left: 0.02rem;
}
.category{
display: flex;
justify-content: space-around;
margin-top: 10px;
margin-bottom: 8px;
}
</style>
uj5u.com熱心網友回復:
children的path不用加‘/’吧
還是不行 沒反應
看看點擊函式是否起作用
點擊跳轉時網頁路徑是否正確
看看控制臺有沒有報錯
頁面上點擊按鈕沒反應 控制臺也沒報錯 是沒有監聽到?
網頁路徑變化了沒
在點擊事件輸出一下試試
我換成a標簽跳轉了,可是跳轉之后頁面空白您知道是什么原因嗎
這是子頁面內容
<template>
<div>
<div class="top">
<p class="title">標題</p>
<p class="tip">實時動態</p>
</div>
<Tabs value="https://bbs.csdn.net/topics/city">
<TabPane label="太原訪情" name="city">
<h1 class="cityfq">{{}}訪情</h1>
<span class="newtime">截至</span>
<div class="category">
<Category :title="'累計'"
:count=0
:color="'#e57471'"
/>
<Category :title="'新增'"
:count=0
:color="'#dda451'"
/>
<Category :title="'已辦結'"
:count=0
:color="'#5d4037'"
/>
<Category :title="'已辦結'"
:count=0
:color="'#919399'"
/>
</div>
</TabPane>
</Tabs>
</div>
</template>
<script>
import Category from '../category/Category.vue';
export default {
name: "Child",
components: {Category}
}
</script>
<style scoped>
.cityfq{
font-family:sans-serif;
font-style:normal;
font-weight: 900;
font-size:40px;
}
.newtime{
margin-left: 0.02rem;
}
.category{
display: flex;
justify-content: space-around;
margin-top: 10px;
margin-bottom: 8px;
}
</style>
我沒這么寫過 我平時也是用this.$router.push
uj5u.com熱心網友回復:
children的path不用加‘/’吧
還是不行 沒反應
看看點擊函式是否起作用
點擊跳轉時網頁路徑是否正確
看看控制臺有沒有報錯
頁面上點擊按鈕沒反應 控制臺也沒報錯 是沒有監聽到?
網頁路徑變化了沒
在點擊事件輸出一下試試
我換成a標簽跳轉了,可是跳轉之后頁面空白您知道是什么原因嗎
這是子頁面內容
<template>
<div>
<div class="top">
<p class="title">標題</p>
<p class="tip">實時動態</p>
</div>
<Tabs value="https://bbs.csdn.net/topics/city">
<TabPane label="太原訪情" name="city">
<h1 class="cityfq">{{}}訪情</h1>
<span class="newtime">截至</span>
<div class="category">
<Category :title="'累計'"
:count=0
:color="'#e57471'"
/>
<Category :title="'新增'"
:count=0
:color="'#dda451'"
/>
<Category :title="'已辦結'"
:count=0
:color="'#5d4037'"
/>
<Category :title="'已辦結'"
:count=0
:color="'#919399'"
/>
</div>
</TabPane>
</Tabs>
</div>
</template>
<script>
import Category from '../category/Category.vue';
export default {
name: "Child",
components: {Category}
}
</script>
<style scoped>
.cityfq{
font-family:sans-serif;
font-style:normal;
font-weight: 900;
font-size:40px;
}
.newtime{
margin-left: 0.02rem;
}
.category{
display: flex;
justify-content: space-around;
margin-top: 10px;
margin-bottom: 8px;
}
</style>
我沒這么寫過 我平時也是用this.$router.push
我這個子頁面直接訪問也打不開 是哪沒配好嗎?
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/47127.html
標籤:其他
上一篇:css使網站整體變為灰色調
