Vue之model属性

1、https://cn.vuejs.org/v2/api/#model

允许一个自定义组件在使用v-model时定制 prop 和 event。默认情况下,一个组件上的v-model会把value用作 prop 且把input用作 event,但是一些输入类型比如单选框和复选框按钮可能想使用valueprop 来达到不同的目的。使用model选项可以回避这些情况产生的冲突。

2、示例

Vue.component('my-checkbox', {

  model: {

    prop: 'checked',

    event: 'change'  },

  props: {

    // this allows using the `value` prop for a different purpose    value: String,

    // use `checked` as the prop which take the place of `value`    checked: {

      type: Number,

      default: 0    }

  },

  // ...})

<my-checkbox v-model="foo" value="some value"></my-checkbox>

相当于:

  :checked="foo"  @change="val => { foo = val }"  value="some value">

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、简介 1、 Vue.js 是什么 参考网址:https://cn.vuejs.org/v2/guide/ind...
    满天繁星_28c5阅读 600评论 0 1
  • 一、 Vue 介绍 Vue.js 是一套构建用户界面的渐进式 JavaScript 框架 可以轻松构建 SPA 应...
    璎珞纨澜阅读 904评论 0 0
  • 这个属性通常不太会注意到,但有的时候用起来比较舒服,下面就来具体说说这个属性。 model 官网解释:允许一个自定...
    studentliubo阅读 18,714评论 0 6
  • 链接:https://cn.vuejs.org/v2/api/#Vue-filter API TPshop中国免费...
    zz云飞扬阅读 541评论 0 0
  • 深入组件内容有点多,我分了两部分,这部分包括:组件注册、Prop、自定义事件。 11 深入组件 组件注册。全局注册...
    刘惜雨阅读 285评论 0 0

友情链接更多精彩内容