sfjlkd
sfjlkd
  • 发布:2018-02-06 09:22
  • 更新:2021-03-11 10:55
  • 阅读:2129

【报Bug】使用了vue的搜索框,加了mui-input-row mui-search两个属性后,在手机端输入不了内容

分类:MUI

详细问题描述 使用了vue的搜索框,加了mui-input-row mui-search两个属性后,在手机端输入不了内容
[内容]

重现步骤
[步骤]
[结果]
[期望]

运行环境 HBuilder真机运行

附件
[代码片段]
[安装包]

    <div id="higherupsmain">  
    <header class="mui-bar mui-bar-nav" >  
        <div class="mui-input-row mui-search" >  
            <input type="search" class="mui-input-clear" id="searchinput" placeholder="请输入易直帮号、手机号、姓名" v-model="inputVal">  
        </div>  
    </header>  

</div>  

<script type="text/javascript">  

    (function(ui, doc) {  
        ui.init();  
        ui.plusReady(function() {  
            var p;  
            var app = new Vue({  
                el: '#higherupsmain',  
                data: {  
                    inputVal:'李四丰',  
                }  
            })  
        })  
    }(mui, document));  
</script>  

联系方式
[QQ] 454954333
[电话] 18718514521

2018-02-06 09:22 负责人:无 分享
已邀请:
w***@zhisolution.com

w***@zhisolution.com - 10年IT男

这个问我也遇到了 有什么解决方案吗?

2***@qq.com

2***@qq.com

这个问题解决了吗?

帽子平头

帽子平头

//搜索点击事件
var searchDiv = $(".mui-input-row.mui-search");
if (searchDiv) {
searchDiv.on("tap", function(){
if (!searchDiv.hasClass("mui-active")) {
searchDiv.addClass("mui-active");
}
});
$("input[type='search']").on("blur", function(){
if (searchDiv.hasClass("mui-active")) {
searchDiv.removeClass("mui-active");
}
if($("input[type='search']").val()) {
$(".mui-icon.mui-icon-search").hide();
} else {
$(".mui-icon.mui-icon-search").show();
}
})
}

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