这篇文章主要介绍了Vue组件上使用v-model之单选框,代码分为子组件内容和父组件内容,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
先给大家介绍下Vue组件上使用v-model之单选框的实例代码。
子组件内容:
父组件内容:
显示父组件单选的内容:{{ picked }} -->
vue组件v-model
vue中数据数据流向
vue中数据流向是单向的,也就是说我们不能直接修改props中的值所以我们都会
因为这中操作太频繁了所以vue新增v-model:data='data‘这种方式修改父组件数据
第一个data是,如果需要修改,修改当前组件的那个值
现在v-model可以自定义修饰符
//vue2提供的修饰符 v-model.trim(去掉两端空格) v-model.number(只输入number) v-model.lazy(change事件触发)
{{data}}
到此这篇关于Vue组件上使用v-model之单选框的文章就介绍到这了,更多相关Vue 使用v-model单选框内容请搜索0133技术站以前的文章或继续浏览下面的相关文章希望大家以后多多支持0133技术站!
以上就是Vue组件上使用v-model之单选框的详细内容,更多请关注0133技术站其它相关文章!