输入框添加清除按钮

This commit is contained in:
高云鹏 2024-07-11 14:43:33 +08:00
parent cd219785b1
commit 1342e205d5

View File

@ -52,7 +52,13 @@
</el-dialog>
<Container :has-aside="true">
<template #asideHeader>
<el-input v-model="searchTreeInput" class="defaultSearchInput" @input="debounceSearchNode" placeholder="请输入节点名称"></el-input>
<el-input
v-model="searchTreeInput"
class="defaultSearchInput"
@input="debounceSearchNode"
clearable
placeholder="请输入节点名称"
></el-input>
</template>
<template #asideMain>
<el-tree
@ -67,7 +73,7 @@
</template>
<template #mainHeader>
<div class="mainHeaderCenter">
<el-input v-model="searchLinkInput" class="defaultSearchInput tableSearchInput" placeholder="请输入链路名称"></el-input>
<el-input v-model="searchLinkInput" class="defaultSearchInput tableSearchInput" clearable placeholder="请输入链路名称"></el-input>
<el-button :icon="Search" type="primary" @click="searchLink">查询</el-button>
</div>
<div class="mainHeaderRight">