MUI搜索框动态赋值样式问题

最新推荐文章于 2023-10-07 10:01:19 发布

胶泥座人

最新推荐文章于 2023-10-07 10:01:19 发布

阅读量2.8k

点赞数 2

分类专栏：移动开发 MUI JavaScript 文章标签： MUI 搜索框清空

本文链接：https://blog.csdn.net/jiaonizuoren/article/details/85165278

版权

在使用HBuilder和MUI进行移动开发时，遇到搜索框输入内容后点击搜索，再返回页面，搜索框内容不消失的问题。通过检查HTML代码并分析，发现是逻辑处理上的问题。解决方法是在跳转新页面后清除搜索框的value值，通过JS实现。应用此方法后，问题得到解决，搜索框在返回时能正确显示为空。

摘要由CSDN通过智能技术生成

问题：在用HBuilder、MUI进行移动开发时，搜索框内输入内容点击搜索后，再返回，搜索框会出现如下情况：

Html代码如下：

<header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <div class="mui-input-row mui-search" style="width: 65%; margin:0 50px;position: absolute;">
            <input id="searchInput" type="search" class="mui-input-clear" placeholder="请输入关键字">
        </div>
        <span id="search" class="mui-icon mui-pull-right" onclick="searchNews()">搜索</span>
</header>

解决办法：这里是逻辑处理