美文网首页
父组件触发子组件的事件

父组件触发子组件的事件

作者: 兰夏天 | 来源:发表于2019-11-08 16:50 被阅读0次

子组件上ref 写好值。
父组件上写一个触发事件,这个事件触发子组件的事件
例如
父组件

<div @click='handleclick'>
 <ordernum ref="myordernum"></ordernum>
</div>

<script>
methods:{
   // 订单弹层的确定按钮
    handleclick () {    
      this.$refs.myordernum.setkeynull('父调子组件的方法并给子组件传参')

}



</script>

子组件ordernum

<template>
  <div>
    <!-- 查询 -->
    <comsearch :queryCondition="queryCondition" @oksearch="oksearch"></comsearch>
    <a-table
      :columns="columns"
      :dataSource="datasource"
      :rowSelection="rowSelection"
      size="small"
      ref="table"
      :scroll="{ x:4000 }"
      :pagination="pagination"
      @change="handleTableChange"
    >
    </a-table>
  </div>
</template>
<script>
export default {
data(){
return{
selectedRowKeys :[1,1,24,4]
}
},
 methods: {
  setkeynull (e) {
    //  console.log(e)
      this.selectedRowKeys = []
    },
}
}
</script>

相关文章

  • 父组件触发子组件的事件

    子组件上ref 写好值。父组件上写一个触发事件,这个事件触发子组件的事件例如父组件 子组件ordernum

  • 父子组件传值

    子组件注册触发事件,父组件注册 触发子组件事件后的方法写在method里面父组件这么写 子组件component-...

  • vue 子组件传递信息给父组件

    子组件 通过$emit事件将内容传递给父组件子组件 父组件 触发父组件中的方法触发父组件方法 方法中value就是...

  • Vue 组件的通信方式

    props,$emit 父组件传递props到子组件(单项数据流)子组件触发事件,父组件监听子组件事件触发 ref...

  • Vue.js组件间调用及传值 2020最新更新

    Vue.js中,对于父子组件、平级组件间的事件触发、传值等。 调用 父组件 子组件 子组件调用父组件 子组件 触发...

  • vue父子组件通过props和emit实现通信

    emit 子组件:子组件通过$emit方法触发父组件中的parentAction事件绑定的方法 父组件父组件中绑定...

  • Vue.js组件传值

    子组件向父组件传值 在子组件页面触发事件$emit 在父组件中在组件标签中调用v-on事件监听 父组件向子组件传值...

  • 前端框架:Vue-自定义事件

    有时候,我们希望触发父组件的某个事件时,可以通知到子组件;触发子组件的某个事件时,可以通知到父组件。 Vue实例实...

  • vue 组件通信传值

    1. 父组件向子组件传值 父组件通过 prop 给子组件下发数据,子组件通过$emit触发事件给父组件发送消息,即...

  • 2019-01-18 Vue学习

    父组件传数据给子组件(props),子组件传给父组件($emit("触发大的事件”,传的数据)) 插槽(slot)...

网友评论

      本文标题:父组件触发子组件的事件

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