虾仁A 2022-05-24 15:49 采纳率: 78.8%
浏览 64
已结题

vue-cli版本3.10.0,vue-router版本为3.4.5不能用 useRouter()吗?

问题遇到的现象和发生背景

vue-cli版本3.10.0,vue-router版本为3.4.5不能用 useRouter()吗?

问题相关代码,请勿粘贴截图
vue.runtime.esm.js?c320:1897 
        
       TypeError: (0 , vue_router__WEBPACK_IMPORTED_MODULE_3__.useRoute) is not a function
    at setup (FindChildren.vue?1723:14:1)
    at mergedSetupFn (vue-composition-api.mjs?9241:2160:1)
    at eval (vue-composition-api.mjs?9241:1972:1)
    at activateCurrentInstance (vue-composition-api.mjs?9241:1891:1)
    at initSetup (vue-composition-api.mjs?9241:1970:1)
    at VueComponent.wrappedData (vue-composition-api.mjs?9241:1953:1)
    at getData (vue.runtime.esm.js?c320:4761:1)
    at initData (vue.runtime.esm.js?c320:4717:1)
    at initState (vue.runtime.esm.js?c320:4655:1)
    at VueComponent.Vue._init (vue.runtime.esm.js?c320:5020:1)

运行结果及报错内容

JS中的代码

<script>
import { defineComponent, onMounted, reactive } from '@vue/composition-api'
import { useRoute } from 'vue-router'
export default defineComponent({
  setup () {
    const router = useRoute();
    const state = reactive({
      playlist: {}
    });
    onMounted(async () => {
      let id = router.query.id;
      console.log(id);
    });
    return { state }
  },
})
</script>


我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

1条回答 默认 最新

  • 关注

    可能是vue-router的版本过高,可以试一下安装低一点版本vue-router

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 6月2日
  • 已采纳回答 5月25日
  • 修改了问题 5月24日
  • 创建了问题 5月24日

悬赏问题

  • ¥15 网络科学导论,网络控制
  • ¥100 安卓tv程序连接SQLSERVER2008问题
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd