当vue3提示[Vue warn]: inject() can only be used inside setup() or functional components

以useRouter()为例

<script setup>
import { useRouter } from 'vue-router'
const buttonGoHome = () => useRouter().push({ name: 'Home' })
script>

控制台直接报错
当vue3提示[Vue warn]: inject() can only be used inside setup() or functional components_第1张图片
警告我们说inject() can only be used inside setup() or functional components.
这是因为,我们要在外面拿一个变量把他放起来

<script setup>
import { useRouter } from 'vue-router'
const mRouter = useRouter()
const buttonGoHome = () => mRouter.push({ name: 'Home' })
script>

这样子就好咯

你可能感兴趣的:(JavaScript,vue,vue.js,前端,javascript)