uniapp父組呼叫子元件中的方法

Mybabyying發表於2020-10-10

父元件: <index>

子元件:<pop>

一、父元件呼叫子元件的方法

1.在父元件中引入子元件

<template>
 <view>
  <pop ref="pop" @regodate="regodate"></pop>
    //ref 呼叫時用於標識使用 ; @regodate ,呼叫子元件方法攜帶引數使用
 </view>
</template>

<script>
//引入子元件
import pop from '@/components/pop-up/pop.vue'
export default {
	components: {
		customSwiper,
		tabbar,
		pop
	},
}
</script>

2.呼叫子元件的資料和方法

var message = this.$refs.pop.isPopDate = 7    //把子元件中的isPopDate的值改為7
this.$refs.pop.function()        //呼叫子元件中的function方法

 

相關文章