解决 Vant中输入框（Field）组件获取不到输入值

飞熊 • 2023年4月28日上午10:18 • 前端开发 • 阅读 810

勤奋不是嘴上说说而已，而是实际的行动，在勤奋的苦度中持之以恒，永不退却。业精于勤，荒于嬉；行成于思，毁于随。在人生的仕途上，我们毫不迟疑地选择勤奋，她是几乎于世界上一切成就的催产婆。只要我们拥着勤奋去思考，拥着勤奋的手去耕耘，用抱勤奋的心去对待工作，浪迹红尘而坚韧不拔，那么，我们的生命就会绽放火花，让人生的时光更加的闪亮而精彩。

导读：本篇文章讲解解决 Vant中输入框（Field）组件获取不到输入值，希望对大家有帮助，欢迎收藏，转发！站点地址：www.bmabk.com，来源：原文

问题：
Vant框架中输入框field组件绑定的value值不会同步更新到data中定义的的变量上；
解决：
通过绑定对应的事件，并触发该事件来更新data中定义的变量值；

<template>
	<view class="fill-wrap">
		<van-cell-group>
			<van-field  autosize required type="text" placeholder="请输入通过原因" @input="getFieldValue"/>
		</van-cell-group>
	</view>
</template>
<script>
export default {
	data() {
		return {
			fieldValue:'',
		};
	},
	methods: {
		getFieldValue(e){
			console.log(e)
			this.fieldValue = e.detail
		},
	}
}
</script>