【Vue3】setup语法糖中动态修改路由的meta.title

alikami

已于 2024-04-16 16:12:35 修改

阅读量1.6k

点赞数 5

分类专栏： vue 文章标签： javascript 前端 vue.js

于 2024-03-04 16:06:48 首次发布

本文链接：https://blog.csdn.net/alikami/article/details/136455037

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

// 第一步
<script>
import {defineComponent} from "vue";

export default defineComponent({
  beforeRouteEnter(to, from, next) {
    if (to.query.type == 'fix') {
      to.meta.title = '修改动态标题'
    }
    next((e) => {
      const data = '数据'
      e.beforeRouteEnter(data)
    });
  }
})
</script>

// 第二步
<script setup>
const beforeRouteEnter = (data)=>{
  // 进行操作
  console.log(data)
}
defineExpose({
  beforeRouteEnter,
});

</script>