目标
js <template> <my-form v-model="form"> </my-form> </template> <script> export default { data() { return { form: '' } } } <script>
实现
js // 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
- vue使用quill编辑器自定义图片上传方法、quill-image-resize-module修改图片、监测粘贴的是图片上传到后端、重新进入编辑器img标签丢失style属性
- 【VUE】Toast-UI/Editor工具实现图片自定义上传到服务器
- vue 一个公式 编辑器 组件
- vue接收json数据_Vue项目获取后端传递json数据并在前端给json数组添加自定义数据...
- 教你用Vue 做一个简单的比较两个数字的大小的页面
- vue 判断一个数是否在数组中_js判断数组中是否存在某一数值的方法
- ant design of vue,form自定义校验
- ant design vue表单中自定义检验规则,如手机号码
- antd vue表单验证_ant-design vue form表单自定义校验规则