【微信小程序】清空input内容

最新推荐文章于 2023-11-02 23:02:25 发布

AwesomeDevin

最新推荐文章于 2023-11-02 23:02:25 发布

阅读量4k

点赞数

分类专栏：经验前端开发进阶文章标签：小程序开发

本文链接：https://blog.csdn.net/Daivon_Up/article/details/81066885

版权

前端开发进阶同时被 2 个专栏收录

33 篇文章 1 订阅

订阅专栏

经验

21 篇文章 0 订阅

订阅专栏

在vue中,我们清空input值往往是

clear()
{
    this.inputValue = '';
}

然而在微信小程序中，直接使用setData()赋值是无法清空input的值的，我们需要绑定一个form，这样做:

<form bindreset="formReset">
    <input type="text" placeholder="请输入订单号" focus placeholder-style="color:#999" confirm-type="搜索"  bindconfirm="search" />
    <button formType="reset" class="clear-icon" ></button>
</form>


methods:{
    formReset: function(){      //如清空后不需要进行其它操作页可以不绑定此事件      
        console.log(123)
        // this.inputValue = ''
    },
}