首页 > 其他分享 > vue监视实操案例-根据导航条点击面包屑发生改动

vue监视实操案例-根据导航条点击面包屑发生改动

时间:2022-11-12 23:12:14浏览次数:52  
标签:vue name 实操 导航条 path 面包屑

监视部分代码:

 

 $route(to, From) {
      console.log(to, From);
      if (to.path == "/Home") {
        this.path = "";
        this.name = "";
      } else {
        this.path = to.path;
        this.name = to.meta;
      }
    },

 

面包屑代码:

 

 <el-breadcrumb separator="/">
              <el-breadcrumb-item :to="{ path: '/index' }"
                >首页</el-breadcrumb-item
              >
              <el-breadcrumb-item :to="{ path: path }">{{
                name
              }}</el-breadcrumb-item>
            </el-breadcrumb>

 

 

标签:vue,name,实操,导航条,path,面包屑
From: https://www.cnblogs.com/ZhuAo/p/16884966.html

相关文章

  • 谈一谈 vuex 的运行机制
    Vuex提供数据(state)来驱动视图(vuecomponents),通过dispath派发actions,在其中可以做一些异步的操作,然后通过commit来提交mutations,最后mutations来更改state。 ......
  • 我们如何在 vue 应用我们的权限
    权限可以分为用户权限和按钮权限;用户权限,让不同的用户拥有不同的路由映射,具体实现方法:1.初始化路由实例的时候,只把静态路由规则注入,不要注入动态路由规则;2.......
  • Vue生命周期及组件
    目录Vue生命周期钩子钩子函数的由来生命周期钩子函数生命周期图示Vue生命周期钩子钩子函数的由来每个Vue实例在被创建时都要经过一系列的初始化过程——例如,需要......
  • vue3.2 setup语法糖,多个API解释
    前言在vue3中删除了vue2中的data函数,因此,vue3.0要在template中使用某些变量就必须在最后return出来,多次声明变量,不太方便,也不太友好。而在vue3.2版本之后,我们只需在......
  • 12-使用Vue与axios改造jquery原页面
    改造List页面1引入文件<!--1引入vuejsaxios文件--><scripttype="text/javascript"src="js/vue.js"></script><scripttype="text/javascript"src="js/axios.j......
  • 11-SpringBoot2整合Vue最简入门
    vuejs入门环境搭建》1:导入文件<scripttype="text/javascript"src="js/vue.js"></script><scripttype="text/javascript"src="js/axios.js"></script>》2:准备app视......
  • 如何使用vite搭建vue3项目详解
    目录一:npm构建二:更改http://localhost:3000/到8080与Network路由访问三:配置vite别名(npminstall@types/node--save-dev)四:路由(npminstallvue-router@4)五:vuex(n......
  • vue 翻页组件vue-flip-page
    方法change(改变页面)tap(点击)turning(正在翻页)prev(前一页)next(后一页)翻到指定页面:handleSwitchManual(index){if(index===this.currentIndex)......
  • Vue中JSX的基本用法
    基本用法首先需要约定一下,使用JSX组件命名采用首字母大写的驼峰命名方式,样式可以少的可以直接基于vue-styled-components写在同一个文件中,复杂的建议放在单独的_Styles.js_......
  • SpringBoot+Vue实现excel导入带格式化的时间参数(moment格式化明天日期并设置el-date-
    场景若依管理系统前后端分离版基于ElementUI和SpringBoot怎样实现Excel导入和导出:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108278834在上面进行Ex......