Vue组件上使用v-model之单选框

先给大家介绍下Vue组件上使用v-model之单选框的实例代码。

子组件内容:





父组件内容:





vue组件v-model

vue中数据数据流向

vue中数据流向是单向的,也就是说我们不能直接修改props中的值所以我们都会






因为这中操作太频繁了所以vue新增v-model:data='data‘这种方式修改父组件数据







现在v-model可以自定义修饰符

	//vue2提供的修饰符
	v-model.trim(去掉两端空格)
	v-model.number(只输入number)
	v-model.lazy(change事件触发)





到此这篇关于Vue组件上使用v-model之单选框的文章就介绍到这了,更多相关Vue 使用v-model单选框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(Vue组件上使用v-model之单选框)