原始字符串并不规则（数据清理时常会遇到这种“脏”数据），可能既有逗号分隔符，又有分号分隔符，结尾处还有一个额外的分号
var mystring = "10,20;30,40,";
这种情况下，直接用mystring.split(",")得到的将不是想要的结果，"20;30"不会被分开，且数组中会有空值""
["10","20;30","40",""]
解决的办法就是，使用正则表达式指定多个分割符，再用filter 方法过滤去除数组中的空值：
var myarray = mystring.split(/[,;]/).filter(item => item !== '')
这样，得到的结果是
["10","20","30","40"]
通过this.$router.push 跳转到其他路由，当要跳转到的路由和当前路由相同时（例如都是跳转前后路由都是'/postlist/'，但查询参数不同的情况），会出现组件页面不刷新的问题。例如，当前页面是文章列表'/postlist/'，需要跳转到某一分类的文章列表'/postlist/?categories=1'，跳转代码是这样的
this.$router.push({ path: '/postlist/', query: { categories: cid } }).catch(err => err)
代码执行后，对应的组件本身并没有被刷新。这是vue的默认行为，同样的一个路由，多次push时，页面不会再次刷新和发送请求 。
最简单的办法，就是将上面变化的参数绑定到<router-view/> 中key属性。例如：
<router-view :key="$route.path + $route.query.categories"></router-view>
这样修改之后，this.$router.push时，只要query 的categories参数发生变化，对应的<router-view/> 组件就会被刷新了。
在报错的push 语句后面增加catch ，例如：
this.$router.push({ path: '/postlist/', query: { categories: cid } }).catch(err => err)
这样修改后，就不会再报上面的错误了。
在导入vue-router之后，重写push方法增加catch 。具体就是在src/router/index.js 里面import Router from 'vue-router' 之后进行修改，例如：
import VueRouter from 'vue-router'
const stdPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
return stdPush.call(this, location).catch(error=> error)
}
© 2020 Q Cloud By Qi. All Rights Reserved 冀ICP备20003377号-1 
冀公网安备 13010402001886号
