Uniapp 父组件调用子组件方法给子组件动态传值

子组件

复制代码
<template>
    <view class="hb-comment">
        testcontent
    </view>
</template>

<script>
    export default {
        name: 'question-comment’, //名字
        
        data() {
            return {

            }
        },
        methods: {
            likeSuccess(commentId){  //父组件要调用的方法
                console.log(8888)
                this.likeComplete(commentId);
            },
            
        }
    };
</script>
复制代码

父组件

复制代码
<template>
    <view>
        //ref='questionComment' 
        <question-comment ref='questionComment' @openInput="openInput"  @delComment="delComment" @preLike="preLike"  :deleteTip="'确认删除?'"
                :cmData="commentData" v-if="commentData"></question-comment>
                
    </view>
</template>

<script>

    import questionComment from '@/components/comments/question-comment.vue'
    
    export default{
        components:{
            questionComment  //注册子组件
        },
        computed:{
        },
        onShow(){
            
        },
        data(){
            return {
                
            }
        },
        methods:{
            async like(comment_id){
                await this.$http
                    .post(`${giveQuestionPraise}`, {
                        comment_id: comment_id
                    })
                    .then((r)=> {
                        console.log(r.data.state)
                        if(r.data.state === 2) {
                    this.$refs.questionComment.likeSuccess(comment_id); //调用子组件方法
                        }
                    });
                
            },
    }
</script>
复制代码

 

posted @   温柔的风  阅读(960)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
历史上的今天:
2020-02-05 golang实现简单的tcp通信
2018-02-05 PHP实现多进程并行操作,可做守护进程(转,备用)
2018-02-05 php多进程结合Linux利器split命令实现把大文件分批高效处理
2018-02-05 Centos文件切割利器_split命令及cat命令合并文件
点击右上角即可分享
微信分享提示