快速自定义一个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
}
}