请问如何在vue中通过data把父组件中的方法传到子组件?

一个弹出框的子组件,在父组件引用,想要在父组件中,给弹出框的按钮设置不同放方法。比如:

//父组件
<v-popup :popupdata="popupdata"></v-popup>

data (){  
    popupdata: {
      title:"提示",
      content:"您有一份奖品,请点击",
      btntext:[
        {"text":"确认","meth":this.surepopup},
        {"text":"取消","meth":this.closepopup}
      ]
    },
    
},
methods:{
  surepopup:function(){
    console.log("sure")
  },
  closepopup:function(){
    console.log("close")
  }
}

//子组件
<div class="popup confirm">
<div class="mask"></div>
<div class="content">
    <h3 v-text="popupdata.title"></h3>
    <div class="" v-text="popupdata.content"></div>
    <div class="popup-btn col-flex">
        <div class="col-flex-2 singleLineTop" v-for="btnt in popupdata.btntext"  @touchstart="btnt.meth" v-text="btnt.text"></div>
    </div>
    </div>
</div>


    props:[
        "popupdata"
    ],

在这里我是想通过父组件中data里面数据,给不同的按钮分配不同放方法,然后到子组件中的@touchstart="btnt.meth"这里调用,发现没有效果。
不知道有没有别的方式,可以做到这种需求。

阅读 3k
2 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题