javascript - 為什么我的vue里的router-link不起作用
問(wèn)題描述
<template> <p id='app'> <headers></headers> <p class='tap'><p class='tab-item'> <router-link to='/goods'>第一項(xiàng)</router-link></p><p class='tab-item'> <router-link to='/ratings'>第二項(xiàng)</router-link></p><p class='tab-item'> <router-link to='/seller'>第三項(xiàng)</router-link></p><router-view></router-view> </p> </p></template>
<script>import headers from ’./components/header/header’; export default { components:{headers }, name: ’app’,};</script>
這是App.vue的內(nèi)容,而實(shí)際上頁(yè)面顯示已經(jīng)掛載上去成為a標(biāo)簽了,但是點(diǎn)擊沒(méi)有效果,并沒(méi)有出現(xiàn)點(diǎn)擊更改組件的效果
<template> <p id='goods'><p @:click='say()'> ssssss</p> </p></template><script> export default{name:{ ’goods’},method:{ say:{console.log(’sayhi’); }} }</script>
這是其中一頁(yè)router的代碼,其他兩個(gè)基本一致,求解怎么出效果
問(wèn)題解答
回答1:1.路由路徑是否正確 2.method寫(xiě)錯(cuò)了,methods3.methods下面應(yīng)該寫(xiě)函數(shù) say( ){}或者say: function(){}4.@:click 應(yīng)該為@click
回答2:0.0.00.00.
相關(guān)文章:
1. 管理員信息修改時(shí)的密碼問(wèn)題2. angular.js - 輸入郵箱地址之后, 如何使其自動(dòng)在末尾添加分號(hào)?3. javascript - 后臺(tái)管理系統(tǒng)左側(cè)折疊導(dǎo)航欄數(shù)據(jù)較多,怎么樣直接通過(guò)搜索去定位到具體某一個(gè)菜單項(xiàng)位置,并展開(kāi)當(dāng)前菜單4. javascript - html5的data屬性怎么指定一個(gè)function函數(shù)呢?5. 如何解決docker宿主機(jī)無(wú)法訪(fǎng)問(wèn)容器中的服務(wù)?6. android - RxJava 中有根據(jù)條件執(zhí)行不同函數(shù)的操作符嗎?7. javascript - 如何使用nodejs 將.html 文件轉(zhuǎn)化成canvas8. mysql - 電商如何存儲(chǔ)營(yíng)業(yè)額數(shù)據(jù)9. html5 - 為什么使使用vue cli 腳手架,post-css 沒(méi)有自動(dòng)對(duì)css3屬性自動(dòng)添加瀏覽器前綴呢?10. java如何生成token?
