vue自定义一个v-model的实现代码
时间:2021-10-15 08:21:39|栏目:vue|点击: 次
目标
<template>
<my-form v-model="form">
</my-form>
</template>
<script>
export default {
data() {
return {
form: ''
}
}
}
<script>
实现
// my-form组件
<template>
<form>
<input v-model="model.val1" />
<textarea v-model="model.val2"></textarea>
<form>
</template>
<script>
export default {
model: {
prop: 'model',
event: 'change'
},
props: {
model: Object
}
watch: {
model(val){
this.$emit('change', val)
}
}
}
<script>
总结
栏 目:vue
下一篇:基于Vue制作组织架构树组件
本文标题:vue自定义一个v-model的实现代码
本文地址:http://www.codeinn.net/misctech/180070.html






