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

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日