v-model在组件上使用

自定义事件也可以用于创建支持 v-model 的自定义输入组件。

常见的v-model的用法

我们常用的v-model其实就是下面这种写法的语法糖

当用在组件上时,v-model 则会这样:

        为了让它正常工作,这个组件内的 <input> 必须:将其 value 特性绑定到一个名叫 value 的 prop 上在其 input 事件被触发时,将新的值通过自定义的 input 事件抛出写成代码之后是这样的:

现在 v-model 就应该可以在这个组件上完美地工作起来了:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装...
    youins阅读 9,528评论 0 13
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,079评论 0 29
  • 主要还是自己看的,所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/,类似于 vie...
    Leonzai阅读 3,380评论 0 25
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,967评论 19 139
  • 大家都知道杨玉环、貂蝉、王昭君以及西施是古代四大美人,然而了解她们身上发生的故事又有多少人呢? 1.貂蝉 貂蝉生于...
    幻雨成海阅读 1,043评论 0 0