遇到的vue栈点

来源:互联网 发布:淘宝装修收费 编辑:程序博客网 时间:2024/06/05 06:42



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}})











原创粉丝点击