1. 在做项目突然遇到特殊需求,要在表格内可以输入下拉框和输入框,特此记录一下。
<el-table :data="tableData" ref="multipleTable" size="mini" border :row-class-name="tableRowClassName"
@selection-change="selectionChange"
:header-cell-style="{'font-size':'13px',color:'#797979'}" class="table">
<el-table-column type="selection" header-align="center" align="center" width="50"> </el-table-column>
<el-table-column prop="appType" align="center" show-overflow-tooltip label="审计模块"></el-table-column>
<el-table-column prop="version" align="center" label="问题序号" show-overflow-tooltip > </el-table-column>
<el-table-column prop="loadUrl" align="center" label="问题描述" show-overflow-tooltip > </el-table-column>
<el-table-column prop="remarks" align="center" label="具体问题" show-overflow-tooltip > </el-table-column>
<el-table-column prop="auditType" width="200" label="问题等级" align="center" >
<template slot-scope="scope">
<el-select size="mini" v-model="scope.row.auditType" @change="handleCellEdit(scope.$index, scope.row)" placeholder="请选择等级" style="">
<el-option v-for="item in problemlist"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</template>
</el-table-column>
<template slot-scope="scope">
<el-input size="mini" v-model="scope.row.rema" placeholder="请输入" @change="handleCellEdit(scope.$index, scope.row)"> </el-input>
<span>{
{scope.row.rema}}</span>
</template>
</el-table-column>
handleCellEdit(idx,row){
},