龙九山
龙九山
  • 发布:2019-06-19 09:47
  • 更新:2019-06-19 13:40
  • 阅读:2711

在点击页面上一个按钮时让input获取光标

分类:uni-app

我有一个input输入框,框上有一个叉叉的小按钮。
1.需求是页面加载时该input自动获取光标。我给我的input加了属性focus。满足需求。
2.点击叉叉按钮清空input里面的值,别且获取光标。

请教:此时我改如何获取光标。
input代码如下:

<input class="searchInput" placeholder="搜索" v-model="searchValue" focus/>
2019-06-19 09:47 负责人:无 分享
已邀请:
龙九山

龙九山 (作者)

已解决

<view class="searchButtonList">  
    <image class="searchIcon" src="../../static/images/icon/ic-sousuo.png" mode=""></image>  
    <input class="searchInput" placeholder="搜索" v-model="searchValue" auto-focus :focus="searchFocus" @blur="searchBlur()" @input="searchDelShow"/>  
    <image class="delIcon" v-if="searchDelButTag" src="../../static/images/icon/ic-del.png" @click="searchDelBut()"></image>  
</view>
/是否显示搜索叉叉  
searchDelShow(event){  
    console.log(event.detail.value.length)  
    if(event.detail.value.length > 0){  
        this.searchDelButTag = true;  
    }else{  
        this.searchDelButTag = false;  
    }  
},  
//搜索框光标离开事件  
searchBlur(){  
    this.searchFocus = false;  
},  
//搜索框×按钮的点击事件  
searchDelBut(){  
    // console.log('搜索框×按钮的点击事件');  
    this.searchValue = "";  
    var _this = this;  
    setTimeout(function(){  
        _this.searchFocus = true;  
    },500)  
},

该问题目前已经被锁定, 无法添加新回复