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