1.vue在新窗口打开页面(其他参数传递类型类似)
let routeUrl = this.$router.resolve({
path: "/xxx/",
query: {
id: xxx
}
});
window.open(routeUrl.href, '_blank');
2.vue跳转登录后页面重定向,将重定向地址使用escape()加密,回跳后页面可自动解析地址
3.间隔多层组件间的数据传值
//实例化一个vue中间件 例如:bus.js文件
import Vue from 'vue'
const bus = new Vue()
export default bus
// 触发组件
Bus.$emit('事件', "值");
//接受组件
Bus.$on('事件', res => {
// res:值
// ...业务代码
});
4.cookies使用
//设置全局配置,设置cookie过期时间和url
this.$cookies.config(expireTimes[,path]) // default: expireTimes = 1d , path=/
//设置一个cookie
this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]])
//获取一个cookie
this.$cookies.get(keyName) // return value
//删除一个cookie
this.$cookies.remove(keyName [, path [, domain]]) // return this
//检查某个 cookie name是否存在
this.$cookies.isKey(keyName) // return false or true
//获取所有 cookie name,以数组形式返回
this.$cookies.keys() // return a array
//全局设置
// 30天后过期
this.$cookies.config('30d')
this.$cookies.config(new Date(2019,03,13).toUTCString())
this.$cookies.config(60 * 60 * 24 * 30,'');
// window object
window.$cookies.config('30d')
//其他操作
// set path
this.$cookies.set("use_path_argument","value","1d","/app");
// set domain
this.$cookies.set("use_path_argument","value",null, null, "domain.com");
// set secure
this.$cookies.set("use_path_argument","value",null, null, null,true);