理解van-field组件 :value 和 v-model的区别

最新推荐文章于 2024-08-13 15:47:34 发布

weixin_45121510

最新推荐文章于 2024-08-13 15:47:34 发布

阅读量5.1k

点赞数 1

分类专栏： vue 前端

本文链接：https://blog.csdn.net/weixin_45121510/article/details/109238335

版权

Vue v-model value 双向绑定组件

关键词由CSDN通过智能技术生成

vue 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

前端

17 篇文章 0 订阅

订阅专栏

	<van-field
		readonly
		name="picker"
		:is-link="!submitParams.buInfo"
		:value="submitParams.buInfo"
		input-align="right"
		label="所属部分"
		placeholder="请选择部门信息"
		@click="showPicker = true"
		:rules="[{ required: true}]"
	/>

	<van-field
		readonly
		name="picker"
		:is-link="!submitParams.buInfo"
		v-model="submitParams.buInfo"
		input-align="right"
		label="所属部分"
		placeholder="请选择部门信息"
		@click="showPicker = true"
		:rules="[{ required: true}]"
	/>

这里的value和v-model实际上：主要的区别是是否是双向绑定；
v-model就是不论哪一个改变都会引发data数据值的改变。
value则没有这个效果。
如果你在项目中，遇到一种情况，是当data数据改变时不想同步改变页面展示信息时，不妨采取value而不是v-model，或许会有