输入框添加清除按钮

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> </el-dialog>
<Container :has-aside="true"> <Container :has-aside="true">
<template #asideHeader> <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>
<template #asideMain> <template #asideMain>
<el-tree <el-tree
@ -67,7 +73,7 @@
</template> </template>
<template #mainHeader> <template #mainHeader>
<div class="mainHeaderCenter"> <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> <el-button :icon="Search" type="primary" @click="searchLink">查询</el-button>
</div> </div>
<div class="mainHeaderRight"> <div class="mainHeaderRight">