分为3部:
1.在相应位置添加标签:
<el-table-column prop="level" min-width="100" :render-header="renderLastHeader">
2.添加显示参数和下拉框信息:
3.添加脚本:
renderLastHeader(h) {
//下拉框选项
let WtOrAt1 = this.WtOrAt
//下拉框内容包裹在一个div里面
return h('div', {
style: {
height: '56px'
},
}, [
h('el-select', {//el-select实现下拉框
on: {
input: (value) => {//随着下拉框的不同,文字框里的内容在边
this.logLevel = value;
},
},
props: {
value: this.logLevel,//文字框的内容取决于这个value,如果value不存在,会报错
},
}, [
//下拉框里面填充选项,通过filters遍历map,为每一个选项赋值。
WtOrAt1.map(item => {
return h("el-option", {
props: {
value: item.value,
label: item.label,
placeholder:item.value,
},
})
})
])])
},