在组件上使用v-model
回忆一下在普通的表单元素上使用v-model 的展开形式:v-model= "username "
: value="username" input="username = $event.target.value": checked="username"
achange="username = $event.target.value"
组件上使用v-model 的展开形式;
<Person v-model="username" ></ Person>
Vue2展开如下:
<Person :value="username" ainput="username = $event" ></ Person>
vue3展开如下:
<person :model-value-username" oupdate:model-value="username .= $eveht" ></ Person>
在组件上使用v-model
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 根据官方文档介绍,v-model本质上就是语法糖,即利用v-model绑定数据后,其实就是既绑定了数据,又添加了一...
- 通常子组件更新某个变量并需要告知父组件时,需要子组件on监听该事件再去改变值。 但是熟悉 v-model 的双向数...
- 1、原生事件修饰符 .native 1.1 关于组件标签上的事件 在组件标签上是没有办法触发原生的 js 事件的,...
- 之前学习vue2双向绑定的时候,为了加深理解,写了一篇文章 Vue 自定义组件实现v-model双向绑定[http...
- 一、自定义组件使用 v-model实现双向数据绑定 1.1、单个 v- model 数据绑定默认情况下,组件上的 ...