fix(filter): 单独清空按钮改禁用态切换,常驻不显隐(避免布局闪动)

This commit is contained in:
2026-06-30 17:34:59 +08:00
parent 6b0a6118e0
commit 546d95c926
2 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "shrimp-admin", "name": "shrimp-admin",
"version": "0.7.8", "version": "0.7.9",
"private": true, "private": true,
"description": "Shrimp 框架前端 — 消费 ShrimpServer + ShrimpTable 契约的经典 Vue3 + Element Plus 实现", "description": "Shrimp 框架前端 — 消费 ShrimpServer + ShrimpTable 契约的经典 Vue3 + Element Plus 实现",
"main": "src/index.ts", "main": "src/index.ts",
+3 -3
View File
@@ -12,9 +12,9 @@
@update:model-value="onFieldChange(field.key, $event)" mode="filter" /> @update:model-value="onFieldChange(field.key, $event)" mode="filter" />
</slot> </slot>
</div> </div>
<!-- 单独清空该字段:仅在有值时出现,点了只删这一个 key --> <!-- 单独清空该字段:常驻、无值时禁用(不 v-if,避免按钮显隐导致布局闪动) -->
<el-button v-if="hasValue(field.key)" link :icon="CircleClose" class="filter-clear" <el-button link :icon="CircleClose" class="filter-clear"
@click="clearField(field.key)" /> :disabled="!hasValue(field.key)" @click="clearField(field.key)" />
</div> </div>
</el-form-item> </el-form-item>
</template> </template>