1. vue2.0 全局变量怎么设置
在入口文件中使用Vue.prototype,设置之后就可以使用this.访问到了。
另外如果要设置的变量少可以直接使用,变量多的话则可以建一个文件export default出一个变量组成的对象。1)少的情况
Vue.prototype.name = 'xiao'
//在.vue中使用则直接this.name就可以访问到
2)多的情况
//新建文件defines.js(路口文件同级)
export default defines = {
name:'xiao',
sex:'woman',
...
}
//在入口文件中引入上面的文件并将变量挂到全局
import defines from './defines';
Object.keys(defines).forEach((key)=>{
Vue.prototype[key] = defines[key];
})
//同样在.vue中直接this.name就可以访问到
2. vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新
<router-link to="/home" @click.native="flushCom">首页</router-link>
export default {
...
methods:{
flushCom:function(){
//router是路由实例,例如:var router = new Router({})
//router.go(n)是路由的一个方法,意思是在history记录中前进或者后退多少步,0就表示还是当前,类似window.history.go(n)
this.$router.go(0);
}
}
}
@click.native:事件后面要添加.native,不然添加的事件不起作用,具体原因应该是router-link为了阻止a标签的默认跳转事件
或
this.$router.go({path: '/book/detail', query: {"bookId": 2}})