vue自定义一个v-model的实现代码
编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
这篇文章主要介绍了vue自定义一个v-model的实现代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
目标
<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自定义一个v-model的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！
上一篇：详解如何使用webpack打包JS
下一篇：JS实现模糊查询带下拉匹配效果