用element-ui的表格和表单结合写一个可编辑表格

<el-checkbox v-model=“AallOutput” @change=“handleAllOutput”>

输出

<el-checkbox

v-model=“scope.row.output”

<el-checkbox

v-model=“scope.row.isMust”

:disabled=“!scope.row.input”>

<el-select

size=“mini”

:disabled=“scope.row.input ? false : true”

v-model=“scope.row.showType”

@change=“showModeChange(scope.row.showType, scope.$index)”>

<el-select

size=“mini”

:disabled=“scope.row.input ? false : true”

v-model=“scope.row.queryType”>

<el-option

label=“模糊”

value=“1”

:disabled=“scope.row.displayType == 3 || scope.row.displayType == 4 ? true : false”>

<el-option

label=“精准”

value=“2”>

<el-option

label=“区间”

value=“3”

:disabled=“scope.row.displayType == 1 || scope.row.displayType == 4 ? true : false”>

<el-button

type=“primary”

@click=“submitConfig(‘configTableForm’)”>保存并确定