vue 小技巧

嵌套组件的dom生成到body下

有时候我们的组件会嵌套的很深,在有fixed的情况下,css会不正常,这时候需要把dom放到body下面,

但我们都知道vue不借助jQuery操作dom并不方便,这时候可以使用这个方法把dom挂载到body下:

使用vue-dom-portal,这个库可以给vue增加一个自定义命令v-dom-portal,可以方便的直接把dom挂载到指定位置

下载vue-dom-portal

注意dom挂载到body后,如果组件或者父组件注销是不会触发已挂载的dom的自动更新的,这时候需要手动删除这些挂载的元素

  <div ref="pop" v-dom-portal="true">
  </div>

  beforeDestroy(){
    this.$refs.pop.remove();
  }

vue router刷新当前页面

比较简单,直接上代码

  this.$router.go(0);

工作或学习时,碰到其他的再补充了,

谢谢观看!