thzxcx/vue3
1
0
Fork 0
Code Pull Requests Packages Releases Activity

perf: 修改穿梭框，select绑定v-model，增加failterable。

Browse Source
This commit is contained in:
fmf
2024-01-23 12:43:27 +08:00
parent d4f78f8506
commit 427be19285
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/select-transfer-modal/index.vue
View File

@ -23,10 +23,8 @@
<div grow> <div grow>
<el-form ref="queryRef" :model="queryParams" inline> <el-form ref="queryRef" :model="queryParams" inline>
<el-form-item v-for="formItem in formItems" :key="formItem.prop" :label="formItem.label" :prop="formItem.prop"> <el-form-item v-for="formItem in formItems" :key="formItem.prop" :label="formItem.label" :prop="formItem.prop">
<el-select v-if="formItem.selectOptions" :placeholder="formItem.placeholder"> <el-select v-if="formItem.selectOptions" v-model="queryParams[formItem.prop]" filterable :placeholder="formItem.placeholder">
<el-option v-for="option in formItem.selectOptions" :key="option.value" :value="option.value"> <el-option v-for="option in formItem.selectOptions" :key="option.value" :label="$options.label" :value="option.value" />
{{ option.label }}
</el-option>
</el-select> </el-select>
<el-input v-else v-model="queryParams[formItem.prop]" :placeholder="formItem.placeholder" /> <el-input v-else v-model="queryParams[formItem.prop]" :placeholder="formItem.placeholder" />
</el-form-item> </el-form-item>
@ -49,6 +47,7 @@
:button-texts="['移除', '添加']" :button-texts="['移除', '添加']"
:format="{ :format="{
hasChecked: '${checked}', hasChecked: '${checked}',
noChecked: ' ',
}" }"
:data="data" :data="data"
:filter-method="filterMethod" :filter-method="filterMethod"
@ -62,7 +61,7 @@
<template #left-footer> <template #left-footer>
<el-pagination <el-pagination
v-model:current-page="queryParams.pageNum" v-model:current-page="queryParams.pageNum"
v-model:page-size="queryParams.pageSize" background small layout="total, sizes, prev, next, jumper" mt-9px v-model:page-size="queryParams.pageSize" background small layout="total, sizes, prev,pager, next" mt-9px
:page-sizes="pageSizes" :pager-count="pagerCount" :total="total" @size-change="handleSizeChange" :page-sizes="pageSizes" :pager-count="pagerCount" :total="total" @size-change="handleSizeChange"
@current-change="getList" @current-change="getList"
/> />