vue-custom-vmodel

1.0.0 • Public • Published

快速自定义一个Vuejs v-model指令

##npm install custom-vmodel

###方法 customVModel

##案例

定义一个组件比如==> custom-checkbox

<template>
    // bindValue是一个预先定义好的字段,用于解决Props单项数据流的问题
    <div @click="bindValue = !bindValue">click me</div>
</template>
import customVModel from 'custom-vmodel'
export default {
  name: 'custom-checkbox',
  // 在此使用customVModel方法
  mixins: [
    // 根据你的需求添加不同的v-model类型
    // 只支持类型的构造函数
    customVModel(Boolean)
  ]
}

在其他页面上使用custom-checkbox组件

// 使用你定义好的v-model
<custon-checkbox v-model="bool"></custon-checkbox>
import CustomCheckbox from 'custom-checkbox'
export default {
  name: 'index',
  data () {
    return {
      bool: false
    }
  },
  components: {
    CustomCheckbox
  }
}

Package Sidebar

Install

npm i vue-custom-vmodel

Weekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

15.8 kB

Total Files

13

Last publish

Collaborators

  • xiwell