story#6462,自定义清除事件和图标
This commit is contained in:
@ -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
|
||||
|
Reference in New Issue
Block a user