美文网首页
uniapp 子组件调用父组件方法踩坑

uniapp 子组件调用父组件方法踩坑

作者: 锋叔 | 来源:发表于2022-02-25 11:50 被阅读0次

    H5好好的,小程序报错,方法is not undefined

    使用v-on:和$emit()

    父组件father.vue

    // 父页面
    <template>
       <view class="father">
        <child v-on:fatherFun="fatherFun"></child>
       </view>
    </template>
    <script>
       // 引入和注册子组件
       export default { 
        methods: {
            fatherFun(){
                console.log("触发了父页面内的方法");
            },
        }
       }
    </script>
    

    子组件child.vue

    <template>
       <view>
           子组件:<text @click="childFun()">触发父组件方法</text>
       </view>
    </template>
    
    <script>
       export default {
        methods:{
            childFun(){
                this.$emit("fatherFun");
            }
        }
       }
    </script>
    

    相关文章

      网友评论

          本文标题:uniapp 子组件调用父组件方法踩坑

          本文链接:https://www.haomeiwen.com/subject/igexrrtx.html