首页 > 微信 > 详细

微信小程序vant-search获取不到输入的搜索内容踩坑

时间:2020-10-14 14:24:20      阅读:539      评论:0      收藏:0      [点我收藏+]

照常回归的数据双向绑定给搜索输入框绑定一个动态的“value”变量,来获取作为参数向后发出请求,但是在这里,debugger之后显示的是value没有获取到输入的内容:

template里面的代码:

<view class="ser-box" :style="style">
            <van-search v-model="value" :focus="theFocus" custom-class="inp" placeholder="请输入搜索关键词" show-action @cancel="onCancel()" @search="onSearch()" />
        </view>

 

     onSearch() {
            console.log(this.value);
            debugger
            this.listdata = [];
            this.toSearch();
            this.totalPages = 0;
            this.pageNumber = 1;
            this.saveHistory(this.value);
        },

  

输入“1”进行查找:

技术分享图片

我们可以看到这里的‘value’值是空的:

技术分享图片

查了一下,这里的问题是因为vant组件在使用的时候,数据不会自动同步到变量值中,这就需要增加一个change事件手动将输入内容赋值给”value“:

技术分享图片

 

 

技术分享图片

 

 打断点检查一下值附上了:

技术分享图片

 

 这种情况在其他有输入的组件下应该也会出现这种问题

 

微信小程序vant-search获取不到输入的搜索内容踩坑

原文:https://www.cnblogs.com/zaco/p/13814580.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!