vue重载子组件


总的来说,思路是用 v-if 配合 Vue.nextTick() 销毁当前组件,然后进行重载

操作层面是  重载组件的父组件中.

1
2
3
4
5
6
7
8
<router-view v- if = "reWrite" />
  clickClass(){
             this .reWrite =  false
             this .$nextTick( function (){
                 this .reWrite =  true
             })
 
   },

也可以把该方法写在子组件向父组件触发的方法中($emit),从而实现子组件自己触发条件,重载自己。但该方法最好完全与其他向上触发的方法解耦,只有重载功能,避免出现逻辑矛盾。

 比如组件中props初次赋值后,父组件再次赋值给子组件值没变的问题

转载——https://www.cnblogs.com/Vayne-N/p/11059158.html


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM