二次封装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输出, 应该以怎么的方式进行传递呢。 求助


忽然笑
浏览 2775回答 1
1回答

ibeautiful

你只是把父组件方法传到子组件里面了,但是还没有调用呀。。。不应该在哪个地方执行&nbsp;this.filterMethod()&nbsp;吗
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js