vue自定义一个v-model的实现代码


Posted in Javascript onJune 21, 2018

目标

<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监测ActiveX控件是否已经安装过的代码
Sep 02 Javascript
Jquery之美中不足小结
Feb 16 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
May 28 Javascript
js正则表达式的使用详解
Jul 09 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
js实现按钮控制图片360度翻转特效的方法
Feb 17 Javascript
jquery控制表单输入框显示默认值的方法
May 22 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
vue.js路由跳转详解
Aug 28 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
Jan 18 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
May 08 Javascript
js实现简单五子棋游戏
May 28 Javascript
JS实现模糊查询带下拉匹配效果
Jun 21 #Javascript
浅析Vue 生命周期
Jun 21 #Javascript
vue数组对象排序的实现代码
Jun 20 #Javascript
vue项目实现github在线预览功能
Jun 20 #Javascript
node thread.sleep实现示例
Jun 20 #Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 #Javascript
Vue.use源码学习小结
Jun 20 #Javascript
You might like
回首过去10年中最搞笑的10部动漫,哪一部让你节操尽碎?
2020/03/03 日漫
深入理解PHP原理之异常机制
2010/08/21 PHP
php异常处理使用示例
2014/02/25 PHP
php利用反射实现插件机制的方法
2015/03/14 PHP
PHP模拟QQ登录的方法
2015/07/29 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
jquery 表单下所有元素的隐藏
2009/07/25 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
javascript中神奇的 Date对象小结
2017/10/12 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
python使用点操作符访问字典(dict)数据的方法
2015/03/16 Python
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
pip install python 快速安装模块的教程图解
2019/10/08 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Python实现定时监测网站运行状态的示例代码
2020/09/30 Python
通过Django Admin+HttpRunner1.5.6实现简易接口测试平台
2020/11/11 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
介绍一下Linux中的链接
2016/06/05 面试题
自学考试自我鉴定范文
2013/09/26 职场文书
公立医院改革实施方案
2014/03/14 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
2015年幼儿园元旦亲子活动方案
2014/12/09 职场文书
2014年学生管理工作总结
2014/12/20 职场文书
学校学习型党组织建设心得体会
2019/06/21 职场文书