uniapp父組呼叫子元件中的方法
父元件: <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方法
相關文章
- Angular元件——父元件呼叫子元件方法Angular元件
- hooks父元件怎麼呼叫子元件的方法?Hook元件
- vue子元件怎麼呼叫父元件的方法Vue元件
- Vue 子元件呼叫父元件方法總結Vue元件
- React講解 - 父元件呼叫子元件內容【更新中】React元件
- 我的 vue 學習記錄2: 子元件呼叫父元件的方法Vue元件
- 元件中 子給父傳值元件
- vue父元件中修改子元件樣式Vue元件
- 元件(子傳父)元件
- vue 基礎入門筆記 13:父元件向子元件傳值、父元件向子元件傳遞方法Vue筆記元件
- Vue 子元件和父元件傳遞資料與方法的例子Vue元件
- 子元件向父元件傳參元件
- 父元件向子元件傳值元件
- vue => 子元件到父元件的通訊Vue元件
- React 元件建立方法及父元件向子元件傳參(基礎)React元件
- 子元件給父元件傳資料元件
- vue父元件和子元件傳值Vue元件
- router-view子頁面呼叫父頁面方法更新父頁面引數View
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- C# 如何重複呼叫父窗體中的子窗體C#
- Vue子元件與父元件之間的通訊Vue元件
- Vue子元件接收父元件傳值方式Vue元件
- vue子元件向父元件傳遞值Vue元件
- vue 父元件在created中傳值給子元件,子元件去監聽props變化Vue元件
- layer父介面呼叫子彈窗的方法和獲取子彈窗的元素值總結
- React-hooks 父元件透過ref獲取子元件資料和方法ReactHook元件
- vue2.0子元件修改父元件資料Vue元件
- 【VUE入門】父元件給子元件傳值Vue元件
- vue子元件怎麼向父元件傳值Vue元件
- 如何實現子元件向父元件傳值元件
- Vue.js子元件向父元件通訊Vue.js元件
- VUE 父元件動態傳值給子元件Vue元件
- React 父元件如何主動“聯絡”子元件React元件
- 2.Vue子元件給父元件通訊Vue元件
- vue子元件向父元件傳值(實戰)Vue元件
- vue元件巢狀之 - 父元件向子元件傳值Vue元件巢狀
- MFC操作父視窗的子控制元件控制元件
- Vue(13)子元件與父元件超詳細解析Vue元件