修复: 修复表格搜索问题
This commit is contained in:
parent
3b0a68c739
commit
39de7fe1ac
Binary file not shown.
|
Before Width: | Height: | Size: 143 KiB After Width: | Height: | Size: 189 KiB |
|
|
@ -36,6 +36,7 @@
|
||||||
(e: 'update:modelValue', value: any): void
|
(e: 'update:modelValue', value: any): void
|
||||||
}>()
|
}>()
|
||||||
|
|
||||||
|
|
||||||
const value = computed({
|
const value = computed({
|
||||||
get() {
|
get() {
|
||||||
return props?.modelValue
|
return props?.modelValue
|
||||||
|
|
|
||||||
|
|
@ -21,13 +21,12 @@
|
||||||
:border="true"
|
:border="true"
|
||||||
>
|
>
|
||||||
<template v-for="item in columns">
|
<template v-for="item in columns">
|
||||||
<el-table-column v-if="item.type" v-bind="{ ...item }" />
|
<el-table-column v-bind="{ ...item, ...{ prop: item.name } }" v-if="item.slot">
|
||||||
<el-table-column v-else v-bind="{ ...item }">
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span v-if="!item.slot">{{ scope.row[item.name] }}</span>
|
<slot :name="item.name" :item="item" :row="scope.row"></slot>
|
||||||
<slot v-else :name="item.name" :item="item" :row="scope.row"></slot>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column v-else v-bind="{ ...item, ...{ prop: item.name } }" />
|
||||||
</template>
|
</template>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -118,7 +117,6 @@
|
||||||
const formInline = reactive(obj)
|
const formInline = reactive(obj)
|
||||||
|
|
||||||
const onSubmit = () => {
|
const onSubmit = () => {
|
||||||
console.log('submit!', formInline)
|
|
||||||
emit('onSubmit', formInline)
|
emit('onSubmit', formInline)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -18,11 +18,13 @@ export const columns = [
|
||||||
name: 'age',
|
name: 'age',
|
||||||
label: '年龄',
|
label: '年龄',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
|
|
||||||
span: 8,
|
span: 8,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'sex',
|
name: 'sex',
|
||||||
label: '性别',
|
label: '性别',
|
||||||
|
|
||||||
slot: true,
|
slot: true,
|
||||||
search: true,
|
search: true,
|
||||||
span: 8,
|
span: 8,
|
||||||
|
|
@ -42,6 +44,7 @@ export const columns = [
|
||||||
name: 'price',
|
name: 'price',
|
||||||
label: '价格',
|
label: '价格',
|
||||||
search: true,
|
search: true,
|
||||||
|
sortable: true,
|
||||||
valueType: 'input',
|
valueType: 'input',
|
||||||
span: 8,
|
span: 8,
|
||||||
attrs: {
|
attrs: {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue