二次封装elementUI table组件。父子组件方法传递问题

问题描述

基于elementUI的table进行二次封装时,对筛选功能进行父子组件传递时候父组件传element的方法应该如何正确传值

相关代码

子组件中

<el-table-column v-for="(column, columnIndex) in columns" :key="columnIndex"   :filters="column.filters" :filter-method="column.filterMethod" :column-key="column.columnKey" :label="column.label">
</el-table-column> 
columns: {
    type: Array,
    default: null,
    filterMethod:{
        type:Function
    }
}  

父组件调用

{
  label: "调度订单处理状态",
  prop: ["rentOrder", "id"],
  filter: "zeroFmt",
  filters: [
    { text: "待派单", value: "待派单" },
    { text: "已派单", value: "已派单" },
    { text: "已完成", value: "已完成" },
    { text: "已取消", value: "已取消" }
  ],
  filterMethod(value, row, column) {
    console.log(value);
  }
}

这样的方式传递接受不到方法,没有console输出, 应该以怎么的方式进行传递呢。 求助

阅读 2.6k
1 个回答

你只是把父组件方法传到子组件里面了,但是还没有调用呀。。。
不应该在哪个地方执行 this.filterMethod()

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