Vue的学习(十六)Vue项目设置默认的首页,并且将路由里面的# 去除,router-link 这个标签的其他属性

2020-11-24 11:55:18 浏览数 (1)

设置默认的首页

我们浏览器一输入访问的地址,应该默认的到首页,而不是我们点击之后到,所以,我们需要再配置一个路径,让地址重定向到首页

将路由里面的# 去除

以上的路由上面有# ,我们想要去除

在创建路由对象的时候,多加一个参数,那么就可以去除

router-link 这个标签的其他属性

1 tag属性

之前我们已经学过to属性,其实还有很多的其他的属性。 我们知道。router-link 这个标签渲染到页面就是a标签,但是现在我们不想他渲染为a标签,怎么办,想要自定义。就要用其他的标签

代码这样写的时候

浏览器页面是这样的

当代码变为这样

页面就会变为

2 replace属性

页面来回跳转,浏览器上面的这个也是可以的

但是我们不想要浏览器上的这个,现在想要只有点击按钮,才可以来回切换,我们就需要这个属性

3 修改点击之后的样式

原本是这样的,现在想要自己修改样式,那么就将他源码的这个class拿上,自己添加一些样式

总结

0 人点赞