Uni-app父組件如何調用子組件的方法 | 父頁面如何調用子頁面的方法


假設子組件里有這么一個方法

methods:{
            showDiv(){
                this.release = true;
            }
        }

在父組件引用子組件時綁定

  <unio2o-release-message-alert ref="unio2oReleaseMessageAlert" ></unio2o-release-message-alert>


<script>
    import unio2oReleaseMessageAlert from '@/components/module/coupon/releaseMessageAlert.vue';


export default {
        components:{
            unio2oReleaseMessageAlert
            
        }
<script>

在父組件中假如需要觸發子組件中的方法,舉例(代碼舉一反三):

 

btnClick(){
  //點擊懸浮
  this.$refs.unio2oReleaseMessageAlert.showDiv();
},

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM