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使用手册之一
Mar 24 Javascript
js 字符串操作函数
Jul 25 Javascript
JS 文件本身编码转换 图文教程
Oct 12 Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
图文详解JavaScript的原型对象及原型链
Aug 02 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
js判断PC端与移动端跳转
Dec 24 Javascript
详解Node.js开发中的express-session
May 19 Javascript
浅谈bootstrap layer.open中end的使用方法
Sep 12 Javascript
js函数和this用法实例分析
Mar 13 Javascript
vue路由分文件拆分管理详解
Aug 13 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 开发环境配置(Zend Server安装)
2010/04/28 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
php实现只保留mysql中最新1000条记录
2015/06/18 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
jQuery晃动层特效实现方法
2015/03/09 Javascript
javascript绘制漂亮的心型线效果完整实例
2016/02/02 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
JS实现无缝循环marquee滚动效果
2017/05/22 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
python数据结构之图的实现方法
2015/07/08 Python
在Python的Django框架中编写错误提示页面
2015/07/22 Python
Python遍历文件夹和读写文件的实现代码
2016/08/28 Python
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
python中使用while循环的实例
2019/08/05 Python
python生成word合同的实例方法
2021/01/12 Python
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
托管代码(Managed Code)和非托管代码(Unmanaged Code)有什么区别
2014/09/29 面试题
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2014/07/21 面试题
邮政员工辞职信
2014/01/16 职场文书
幼儿园开学家长寄语
2014/01/19 职场文书
会计岗位职责模板
2014/03/12 职场文书
高考寄语大全
2014/04/08 职场文书
出差报告范文
2014/11/06 职场文书
2014年教师德育工作总结
2014/11/10 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
先进典型发言材料
2014/12/30 职场文书
护理培训心得体会
2016/01/22 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python