发现一个问题,就是在单元格中渲染 el-select 时,会导致下拉选项无法被选中,点击后立马就消失,看了 vxe-table 官方文档,是支持与任意第三方库集成的,发现官网扩展插件里面有个适配插件安装一下就可以了正常选择了。
<el-select v-model="row.name" :popper-append-to-body="false" > ... 1. 2. 3. 4. 5.
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button> <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> </div> </el-dialog> <!-- 筛选条件查询end --> <el-rowref="tableList"><vxe-gridref="xGrid"id="dataTable":columns="ta...
@checkbox-change="selectChangeEvent" > selectChangeEvent({ records, reserves }) { this.currentRow = [...reserves, ...records] } <el-table ref="table" v-loading="listLoading" :data="tableData" :row-key="getRowKey" border stripe :height="tableHeight" :header-cell-style="{'background'...
-> <el-select v-model="selectedOption" placeholder="请选择统计方式"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </template> </vxe-table-column> <!
v-model="row.age"></el-input-number> </template> </vxe-column> <vxe-column field="date" title="Date" width="200" :edit-render="{}"> <template #edit="{ row }"> <el-date-picker v-model="row.date" type="date"></el-date-picker> </template> </vxe-column> </vxe-table> ...
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> </div> </el-dialog> <!-- 筛选条件查询end --> <el-row ref="tableList"> <vxe-grid ref="xGrid" id="dataTable" :columns="tableColumn" :data="tableData" :toolbar-config="tableToolbar" :height="tableHeight" ...
options只对 name=ElSelect 有效,下拉组件选项列表Array—[] optionProps只对 name=ElSelect 有效,下拉组件选项属性参数配置Object—{ value: 'value', label: 'label' } optionGroups只对 name=ElSelect 有效,下拉组件分组选项列表Array—[] optionGroupProps只对 name=ElSelect 有效,下拉组件分组选项属性参数配置...
:edit-render="{name: 'ElSelect', options: sexList, optionProps: {label: 'spell', value: 'value'}}" 这个是拷贝你的例子里的代码。 例如我的options数据不是标准的[{ label: '', value: ''’}]形式。可能是个对象,value是对象的key值,label就是本身。这样的话请问可以自己配置吗?
64 & > .el-select .el-input__inner, 65 & > .el-cascader .el-input__inner, 66 & > .el-date-picker .el-input__inner { 67 border-color: $vxe-table-validate-error-color; 68 } 69 } 70 } 71 .vxe-table.cell--highlight { ...