slot的方式:
<el-table-column prop="policyNo" label="号码" :align="columnAlign"><template slot="header"><el-dropdown trigger="hover" @command="handleCommand"><span style="font-size:12px;font-weight:100">号码<i class="el-icon-arrow-down el-icon--right" /></span><el-dropdown-menu slot="dropdown"><el-dropdown-item command="a">选中全部</el-dropdown-item><el-dropdown-item command="b">取消选中全部</el-dropdown-item></el-dropdown-menu></el-dropdown></template></el-table-column>
render-header的方式:
<el-table-column prop="policyNo" :align="columnAlign" :render-header="renderEmotionValue" />
renderEmotionValue(creatElement, { column, $index }) {return (<el-dropdown onCommand={this.handleCommand }><span style="font-size:12px;font-weight:100">号码<i class='el-icon-arrow-down el-icon--right'></i></span><el-dropdown-menu slot='dropdown'><el-dropdown-item command='a' >选中全部</el-dropdown-item><el-dropdown-item command='b'>取消选中全部</el-dropdown-item></el-dropdown-menu></el-dropdown>)}
注意:
两种方式的触发事件的写法不一样:
@command=“handleCommand” 和 onCommand={this.handleCommand }