w***@sina.com
w***@sina.com
  • 发布:2020-01-04 15:13
  • 更新:2020-04-09 23:35
  • 阅读:1753

子组件调用父组件方法,当参数是子组件this时报错的问题

分类:uni-app


子组件调用父组件方法,把子组件this当参数传进去,报错!

父组件:

<template>  
    <view class="parent">  
        <text>我是父组件</text>  
        <slot />  
    </view>  
</template>  

<script>  
    export default {  
        data () {  
            return {  
                items: []  
            }  
        },  
        mounted() {  
            console.log(this.items)  
        },  
        methods: {  
            register(item) {  
                const index = this.items.push(item) - 1  
            }  
        }  
    }  
</script>

子组件:

<template>  
    <view class="child">  
        <text>我是子组件</text>  
    </view>  
</template>  

<script>  
    export default {  
        created() {  
            if (this.$parent) this.$parent.register(this)  
        }  
    }  
</script>

子组件调用父组件register方法,参数除了this都正常,传了this就报错:

普通vue是可以的!

2020-01-04 15:13 负责人:无 分享
已邀请:
w***@sina.com

w***@sina.com (作者)

自己顶一下

4***@qq.com

4***@qq.com

实在不行就用子组件@emit的方式来处理

4***@qq.com

4***@qq.com

实在不行就用子组件@emit的方式来处理

该问题目前已经被锁定, 无法添加新回复