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 相关文章推荐
jquery 锁定弹出层实现代码
Feb 23 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
JS实现从表格中动态删除指定行的方法
Mar 31 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
Dec 20 Javascript
js获取ip和地区
Mar 10 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
Aug 14 Javascript
Mac下安装vue
Apr 11 Javascript
小程序实现页面顶部选项卡效果
Nov 06 Javascript
flexible.js实现移动端rem适配方案
Apr 07 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
一步一步学习PHP(1) php开发环境配置
2010/02/15 PHP
PHP学习之正则表达式
2011/04/17 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
javascript利用初始化数据装配模版的实现代码
2010/11/17 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
JS代码优化技巧之通俗版(减少js体积)
2011/12/23 Javascript
jQuery动画特效实例教程
2014/08/29 Javascript
Javascript如何判断数据类型和数组类型
2016/06/22 Javascript
Javascript json object 与string 相互转换的简单实现
2016/09/27 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
express默认日志组件morgan的方法
2018/04/05 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
详解在React项目中安装并使用Less(用法总结)
2019/03/18 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
在Linux下使用Python的matplotlib绘制数据图的教程
2015/06/11 Python
通过Python爬虫代理IP快速增加博客阅读量
2016/12/14 Python
Python实现在线音乐播放器
2017/03/03 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
Django配置MySQL数据库的完整步骤
2019/09/07 Python
Ever New加拿大官网:彰显女性美
2018/10/05 全球购物
写自荐信要注意什么
2013/12/26 职场文书
学习新党章思想汇报
2014/01/09 职场文书
经典公益广告词
2014/03/13 职场文书
运动会广播稿诗歌版
2014/09/12 职场文书
单位作风建设自查报告
2014/10/23 职场文书
2015年会计个人工作总结
2015/04/02 职场文书
董事长致辞
2015/07/29 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
深度学习详解之初试机器学习
2021/04/14 Python