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

问题

如下书写，当van-search输入框输入内容后，发现通过v-model绑定的name变量的值没有发生改变

<van-search  placeholder="请输入搜索关键词" v-model="name" @change="query"/>

原因

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

		query(e){
				if (e) {
					console.log(e.detail)
					this.name = e.detail
				}

总结

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