v-model组件使用

v-model 字符串，数字
父组件

<helloWorld v-model="str"/>

子组件

<template><div class="hello"><span>sex</span><input type="text" @input="inputEvent" :value="curValue"><br></div>
</template><script>
export default {name: 'HelloWorld',props: {value: String,},data(){return {curValue:this.value}},watch:{value(val,old){this.curValue = val}},methods:{inputEvent(val){this.$emit('input',val.target.value)},}
}
</script>

v-model 对象，数组
父组件同上
子组件

<template><div class="hello"><h1>{{ msg }}</h1><span>name : {{curValue.name}}</span><br><span>sex</span><input type="text" name="sex" @input="inputEvent" :value="curValue.sex"><br><span>age</span><input type="text" name="age" @input="inputEvent" :value="curValue.age"></div>
</template><script>
export default {name: 'HelloWorld',props: {msg: String,// value: String,value:{type:Object,default:()=>{}}},data(){return {curValue:this.value}},watch:{value:{handler(val,old){this.curValue = val},deep:true}},methods:{inputEvent(val){this.curValue[val.target.name]=val.target.valuethis.$emit('input',this.curValue)},changeValue(){// this.$emit('input',this.value)}}
}
</script>

v-model组件使用相关推荐

Django之Model组件
Model组件在django基础篇就已经提到过了,本章介绍更多高级部分. 一.回顾 1.定义表(类) ##单表 from django.db import modelsclass user(model ...
什么是V Model(V模型)
v-model是一种软件生存期模型,由Paul Rook在1980年率先提出的,在1990年出现在英国国家计算中心的出版物中,旨在提高软件开发的效率和有效性,是我们熟知的瀑布模型的一种改进,瀑布模型( ...
vue组件通信v兄弟组件通信eventbus遇到的问题（多次触发、第一次不触发）
组件通讯包括:父子组件间的通信和兄弟组件间的通信.在组件化系统构建中,组件间通信必不可少的 (vuex以后再说). 父组件--> 子组件 1. 属性设置父组件关键代码如下: 1 <tem ...
php 打开动态链接,php调用com组件-dll文件(动态链接库)
什么是COM? COM(Component Object Model)组件对象模型,是一种跨应用和语言共享二进制代码的方法.是位于DCE RPC上部的对象指向层(关联服务)定义公共的调用协定以允许用不 ...
【Python】Radiobutton组件 LabelFrame组件 Entry组件
Radiobutton组件 Radiobutton组件跟Checkbutton组件的用法基本一致,唯一不同的是Radiobutton实现的是"单选"的效果. 要实现这种互斥的效果, ...
【Android 应用开发】Android 组件位置坐标属性 ( 组件位置属性 | 父容器坐标系坐标 | 窗口坐标系坐标 | 屏幕坐标系坐标 | 触摸坐标 )
文章目录 I . View 坐标体系总结 II . View 组件的 left , top , right , bottom 父容器相对位置 III . View 组件的 x , y , transl ...
接触VC之四:COM组件模型基础
From: http://daimajishu.iteye.com/blog/1081292 一年又一年,已经又过了一年了.我VC的生涯已经两岁了.可以相当地庆贺一下哟.回顾这一年的学习(唉,还没有工 ...
组件与.NET互操作
组件 1.何谓组件技术? 组件技术就是利用某种编程手段,将一些人们所关心的,但又不便于让最终用户去直接操作的细节进行了封装,同时对各种业务逻辑规则进行了实现,用于处理用户的内部操作细节,甚至于将安全机 ...
django model filter_Django开发常用方法及面试题
Django开发常用方法及面试题目录 1. 对Django的认识? 2. Django .Flask.Tornado的对比 3. 什么是wsgi,uwsgi,uWSGI? 4. django请求的生 ...
Component Object Model (COM)
[简介] COM是什么?COM怎么来的?为什么要有COM?COM是怎么工作的?COM组件,COM对象,COM接口关系? COM (Component Object Model, 组件对象模型) 是一种 ...

v-model组件使用

v-model组件使用相关推荐

最新文章

热门文章