问题描述
基于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输出, 应该以怎么的方式进行传递呢。 求助
你只是把父组件方法传到子组件里面了,但是还没有调用呀。。。
不应该在哪个地方执行
this.filterMethod()
吗