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>
分类:
UniApp
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有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命令合并文件