嵌套组件的dom生成到body下
有时候我们的组件会嵌套的很深,在有fixed的情况下,css会不正常,这时候需要把dom放到body下面,
但我们都知道vue不借助jQuery操作dom并不方便,这时候可以使用这个方法把dom挂载到body下:
使用vue-dom-portal,这个库可以给vue增加一个自定义命令v-dom-portal,可以方便的直接把dom挂载到指定位置
注意dom挂载到body后,如果组件或者父组件注销是不会触发已挂载的dom的自动更新的,这时候需要手动删除这些挂载的元素
<div ref="pop" v-dom-portal="true">
</div>
beforeDestroy(){
this.$refs.pop.remove();
}
vue router刷新当前页面
比较简单,直接上代码
this.$router.go(0);
工作或学习时,碰到其他的再补充了,
谢谢观看!