关于指令获取不到当前路由问题

Question

老师问下，指令directive在vue3.0通过vnode或者useRouter获取不到当前路由下的meta的数据

Answer 1

张轩 2021-02-03 17:21:21

同学你好 可以使用 useRoute 这个钩子函数

const route = useRoute()
console.log(route.meta)

• 提问者 慕圣1477345 #1

  老师在setup里可以通过useRoute获取到meta 但是把它放到directive里就是undefined

• 张轩 回复 提问者 慕圣1477345 #2

  你是怎样使用 directive 的？

• 提问者 慕圣1477345 回复 张轩 #3

  import { createApp, getCurrentInstance } from 'vue'
  import App from './App.vue'
  import { useRoute } from 'vue-router'
  
  import { usePlugins } from './plugins'
  
  const app = createApp(App)
  usePlugins(app)
  
  app.directive('focus', {
    mounted(el, vnode) {
      const route = useRoute()
      console.log(route)
      el.focus()
    }
  })
  
  // directive里面console.log打印出undefined

点开查看后面1条评论