阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Vue.js model

      model

      2.2.0 新增

      • 类型{ prop?: string, event?: string }

      详细

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

      • Example

        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>
        

        上述代码相当于:

        <my-checkbox
          :checked="foo"
          @change="val => { foo = val }"
          value="some value">
        </my-checkbox>
        
      目录
      本文目录
      目录