fix(filter): 单独清空按钮改禁用态切换,常驻不显隐(避免布局闪动)
This commit is contained in:
+1
-1
@@ -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",
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user