javascript - vue-router 中的 router-link 不能點擊
問題描述
<template> <p class='header'> <ul class='firstnav'> <li><h3 class='logo'><img src='http://www.lshqa.cn/assets/logo.png'><i>CNODEJS</i></h3> </li> <li><router-link to='/'>首頁</router-link></li> <li><router-link to='/create'>發表</router-link></li> <li><router-link to='/messages'>消息</router-link></li> <li><router-link to='/userinfo'>我的</router-link></li> <li><router-link to='/about'>關于</router-link></li> </ul> </p></template><script type='text/ecmascript-6'>export default { name: ’header’,}</script><!-- Add 'scoped' attribute to limit CSS to this component only --><style lang='css' scoped> ul{ list-style-type: none } .header{ /*box-shadow: 0 0 1px rgba(0,0,0,0.25);*/ box-shadow: 0 1px 4px #ccc; font-size: 15px; background: #fff; position: fixed; width: 100%; top:0; /*min-width: 1000px;*/ } .firstnav{ display:block; width: 1000px; padding:0; margin: 0 auto; } .firstnav>li { float: left; display: inline-block; height: 50px; margin: 10px 0; } .firstnav>li>a{ line-height: 50px; padding:5px 10px; margin: 0 10px; /*border-bottom: 2px solid #41B883;*/ } .firstnav>li>a:hover{ /*border-bottom: 2px solid #41B883;*/ background: #F3F3F3; border-radius: 2px; } .logo{ margin: 0 100px 0 0; color: #41B883; } .logo img{ display: inline-block; width: 50px; height: 50px; }</style>
問題解答
回答1:<router-link :to='' tag='li'></router-link>可以不要<li>了
回答2:把<li><router-link to='/'>首頁</router-link></li>改成
<router-link to='/' tag='li'>首頁</router-link><!-- 渲染結果 --><li>首頁</li>
試試
相關文章:
1. python - 如何統計一份英文 API 開發文檔(如 javadoc文檔)的詞頻?2. mysql優化 - mysql 一張表如果不能確保字段列長度一致,是不是就不需要用到char。3. python - oslo_config4. 請教一個mysql去重取最新記錄5. python - 請問這兩個地方是為什么呢?6. Python處理Dict生成json7. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量8. python - 為什么match匹配出來的結果是<_sre.SRE_Match object; span=(0, 54), match=’’>9. php - 有關sql語句反向LIKE的處理10. 大家都用什么工具管理mysql數據庫?
