story#6462,自定义清除事件和图标

This commit is contained in:
2025-05-21 14:17:35 +08:00
parent 9df87ac518
commit aa52bd2f31

View File

@ -81,7 +81,15 @@
:value="item.value">
</el-option>
</el-select>
<el-input @focus="handleFocus" v-model="areaName" placeholder="请选择发布省市" :class="{'customSel':true,'customInput':true , 'has-value': areaName }" clearable></el-input>
<el-input @focus="areaShow = true" v-model="areaName" placeholder="请选择发布省市" :class="{'customSel':true,'customInput':true , 'has-value': areaName }" clearable>
<template #suffix>
<i
v-if="areaName"
class="el-icon-circle-close el-input__icon"
@click="areaName = ''"
></i>
</template>
</el-input>
<el-input readonly @focus="showDatePicker = true" v-model="dateVal" placeholder="请选择发布日期" :class="{'customSel':true,'customInput':true , 'has-value': dateVal }" clearable></el-input>
</div>
<div class="contentWrap" v-show="!show">
@ -251,12 +259,6 @@ export default {
});
},
methods:{
handleFocus(e) {
console.log("e",e)
e.preventDefault(); // 阻止默认行为(键盘弹出)
this.areaShow = true;
// 监听清空按钮的点击事件
},
confirmHandle(val){
if(val[0].name.includes('市')){
this.areaName=val[0].name