| vue, error

【vue】关于push、replace、和go的使用问题

在vue方法中跳转到另一个页面有以下三种方式

this.$router.push({path:'/',query.....})

this.$router.replace({path:'/',query.....})

this.$router.go(n)

其中push和replace类似，可以指定在路由里指定的路径path跳转到指定页面，可以附带query和一些参数，实际跳转后query里的参数是附带在url后面以
？参数名=参数值
的形式传递。

而go则是携带一个n值，相对于当前页面往前或者往后跳转多少个页面

在push和replace的使用中，我发现push跳转会带着当前页面的缓存跳转，网上是这样解释的

描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面

当我实际使用时，发现跳转后有些控件的css样式异常，后来发现，原来是上一页面的css样式应用到了当前页面，当我改成replace之后就能显示正常。

而replace网上是这么解释的

同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。

另外顺便记录一下如何用CSS画简单的箭头，再也不用图片当箭头按钮啦

width: 70px;
height: 70px;
border-top: 20px solid #041011;
border-left: 20px solid #041011;
transform: rotate(-45deg);

transform里的是旋转角度，可以自定义方向

显示如下

ESC