vue点击当前路由添加class怎么做?

齐延红 2019-12-21 17:58:00

推荐回答

路由器将自渲染对应的组件以及更新路由信息。其中可以传递props,支持v-ref,同时也可以使用v-transition和transition-mode来获得场景切换效果,被渲染的组件将注册到父级组件的this.$对象上。路由对象和路由匹配路由对象,即$router会被注入每个组件中,可以利用它进行一些信息的获取。如属性说明$route.path当前路由对象的路径,如''/vi$route.query请求参数,如/foo?user=1获取到query.user=1$route.router所属路由器以及所属组件信息$route.matched数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。$route.name当前路径名字当然,你也可以在自己定义路由规则(map的时候自定义字段,用以特殊目的。全匹配片段的语法是使用通配符*如,/user/*any就会匹配到任何以/user为开头的路径,并给params对象中赋值一个属性any动态片段的语法就是使用:作为标志。使用路径名称在定义路径规则的时候,如果你给它提供了一个name属性最终都会匹配到/user/1这条路径上路由选项路由选项名默认值作用hashbangtrue将路径格式化为#!开头historyfalse启用HTML5history模式,可以使用pushState和replaceState来管理记录abstractfalse使用一个不依赖于浏览器的浏览历史虚拟管理后端。transitionOnLoadfalse初次加载是否启用场景切换saveScrollPositionfalse在启用html5history模式的时候生效,用于后退操作的时候记住之前的滚动条位置linkActiveClass"v-link-active"链接被点击时候需要添加到v-link元素上的class类,默认为active如,我想采用一个有路径格式化并启用Html5history功能的路由器,则可以在路由器初始化的时候,指定这些参数:这里只是做了一些简单的介绍,最后,更多高级用法请参考官方文档。
赵顺邦2019-12-21 18:20:10

提示您:回答为网友贡献,仅供参考。

其他回答

  • 用vuerouter如何获得当前页面的路由的方法如下:路由器将自渲染对应的组件以及更新路由信息:其中可以传递props,支持v-ref,同时也可以使用v-transition和transition-mode来获得场景切换效果,被渲染的组件将注册到父级组件的this.$对象上。路由对象和路由匹配:路由对象,即$router会被注入每个组件中,可以利用它进行一些信息的获取。如属性说明:$route.path当前路由对象的路径,如''/vi$route.query请求参数,如/foo?user=1获取到query.user=1$route.router所属路由器以及所属组件信息$route.matched数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。$route.name当前路径名字当然,你也可以在自己定义路由规则(map的时候自定义字段,用以特殊目的。这里只是做了一些简单的介绍,最后,更多高级用法请参考官方文档。
    齐方梅2019-12-21 18:54:13
  • 方法/步骤首先,先来讲个小东西吧。我个人一般在开发的时候都会将ESLint关闭掉。在新建一个项目的时候,会提示你安装否。选择n就行了。也就是no。见下图!如果你不心安装了。也没事。在项目的配置文件中找到它注释掉即可。首先第一步,在components文件夹里新建两个.vue文件。将用它们来路由页面。并且分别取名router1.router2接下来,我们就开始配置路由了。首先说几个准备思路吧。第一:页面打开后是要有默认显示页的现在基本的准备工作已经做好了。现在看到min.js文件。我个人的习惯是喜欢把路由的配置写在这里或者引入到这里。不习惯放在router文件夹下面的index.js。请看下图片。首先将。原始的router引入的改成VueRouter。然后引入之前新建好的两个.vue文件。记得要use一下。最后创建一个router实例。第一个path / 表示的意思是默认路由进来的组件。也就是router1.到了这里就差最后一步了。回到app.vue。写上路由。分别给router1,router2加上路由标签。router-link标签渲染时会自动增加一个A标签带href路转。后面的to='''',就是将要路由到哪里去的min.js中的path路径。to="/"表示此处将路由显示出min.js路由配置中path为/的component。最后,router-view标签是将路由过来的组件渲染在什么地方。这里写在了导航下面。效果请看第二,第三张图片。第二张图片就是默认进来的路由页面。也就是router1.地址栏中的路径就是首页。第三张图地址栏中路径变了,而且内容也变了。说明路由成功。最后给路由的导航加上像JS一样的tab切换效果。用到VUE路由中自有的类。router-link-active.意思是在路由激活时更变的class.看图。在style中写好css.页面上就可以看到默认显示的路由组件导航就有class了。不过此时,你已经成功了一半了。因为请看下面第三张图片。当点击router2的时候,出现了两个红色字体。这下尴尬了。
    龙巧仙2019-12-21 18:37:28
  • 在vue-router中active-class只在选中的路由上添加active-class,并不会对其关联的路由链接添加active-class;  //恕我直言,阁下代码没有格式化,是想让我们回答者将重心放在帮你格式化代码上面吗首先你要明确一点,你所指的父组件对应的Path:''/entries''默认你所说的情况为选中其中的第一个子组件,那么当前路由的Path:''/entries/my_review''此种情况下路由地址与父路由链接并不匹配,根据文首所说,顾父路由不会被选中。
    章见彬2019-12-21 18:10:17
  • vue-点击当前路由增加class,其他的删除class的方法1.路由操作2.js部分data{return{idx:0,list:}},methods:{btnClass:functionindex{this.idx=index;}。
    樊振生2019-12-21 18:03:06

相关问答

中国古建筑中常用的木材有:一般为原木和锯成片的板方材,最常用的是杉木、松木、粟木、榉木、柏木、楠木、红木、橡木、橡胶木、水曲柳、栎木、银杏木等。杉木。多用于厅堂及亭台楼阁木结构中的柱子、桁条、椽条、望板楣檐、勒望条等。杉木的抗腐性能和抗压性能稳定,不易被虫蛀,且木材自重轻不易变形,是较为理想的建筑材料,抗压腕力的刚性是很好的,抗震性能也不错。松。在古建筑中用的不太广泛,一般柱、梁、枋、桁等都不用松木做,它的硬度好于杉木,但防腐防虫性却不及杉木,加之松木的挠度较大,易开裂变形,而且处理不好油囊日后还有渗油的问题。在过分考虑成本时才用松木,但需做好防腐防虫措施后再用。常用于一些草架部分和一些轩内的弯椽与草望板上。粟木、榉木。此二种为材质坚韧的木材,古建筑中常用于做一些承重的构架上,如开间的骑门梁、进深的大梁、花篮厅的花篮大梁及转角梁垫、柱眼门木梢等。柏木。常用作装修及槛、实拼门中的木梢、过墙板上的插横板,工具中做木锤,瓦工中的罗谷抄板,也有用来做扁做大梁的。香樟。常用做弯椽,弯件转角和木雕件如楼梯转角扶手、佛像、美人靠的脚料、花板、斗拱昂等。楠木。一般只有用在殿宇、宫殿及高档厅堂建设中用楠木做柱、梁江南一些花厅也有部分梁、柱或部分装修用楠木的。银杏木。常用于高级的木装修上。由于它不易变形,木质细腻光滑又易于雕刻,常用于厅堂中的木装修、地罩,匾额,抱对,招牌及精细雕刻的夹堂板上。