vue自定义一个v-model的实现代码
时间:2019-04-20
本文章向大家介绍vue自定义一个v-model的实现代码,主要包括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的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 实例分析js事件循环机制
- C 标准I/O库的粗略实现教程
- Android Studio搜索功能(查找功能)及快捷键图文详解
- JS排序算法之冒泡排序,选择排序与插入排序实例分析
- 实例分析PHP中PHPMailer发邮件
- Android刷新加载框架详解
- 解决Android Studio 格式化快捷键和QQ 锁键盘快捷键冲突问题
- 深入理解Kotlin的泛型系统
- Python自动化运维_文件内容差异对比分析
- iOS11新特性之在你的APP中使用LargeTitle
- 关于反爬虫的一些简单总结
- C# 通过反射初探ORM框架的实现原理(详解)
- JS+canvas画一个圆锥实例代码
- Java实例化一个抽象类对象的方法教程
- vue-router路由懒加载和权限控制详解