vue中$event理解和框架中在包含默认值外传参
在vue
中普通方法中默认带有event DOM
事件如greet
方法,如果是内联函数的话如warn
方法,只需要在定义方法的地方同时传入$event
即可,这里需要强调的是在iview
中,这里用的是select组件,在其on-change
事件中如果想要传入自定义的参数,使用直接传参的方式,获取的是传入的参数,那么如何获取到该方法默认的返回值(即不传参数时返回的默认选中值),这里使用 $event
传入代表选中的值,如test
方法,这里似乎也只要$event
可以传入代表选中的值,其他的可能就是普通的参数,至于这个时候想要获取dom事件似乎已经没有了意义,因为这里的select是iview封装的组件。
当然具体原因呢也在这里自定义的组件
,在vue
中自定义组件向父组件传参的时候是通过$emit
触发事件,父组件通过v-on
,监听事件,如果子组件向父组件传参数,那么在监听的事件里通过$event
来接受参数。如下图
如果这里写成了方法的方式,该方法默认接受一个参数(也就是子组件传给父组件的值),也是我们调用框架的结构时,里面所说的默认返回值。
v-on:formChild='change'
方法里使用
change(child){conslo.log(child)}
如果你想在子组件传给父组件的值之外添加自定义的值,那么你在方法里就必须把子组件传过来的默认值通过$event
注入到方法里。
v-on:formChild='change($event,"来自子组件")'
方法里使用
change(child,msg){conslo.log(child,msg)}
vue中$event理解和框架中在包含默认值外传参相关推荐
- bootstrap3中select2的默认值和下拉框的禁用
bootstrap3中select2的默认值和下拉框的禁用 最近做项目用到了select2插件,需求中需要给下拉框设置默认值之后,禁用下拉框,我开始的写法是这样的 <script type=&q ...
- 灵魂拷问:如何检查 Java 数组中是否包含某个值 ?
作者 | 沉默王二 责编 | Elle 在逛 programcreek 的时候,我发现了一些专注细节但价值连城的主题.比如说:如何检查Java数组中是否包含某个值 ?像这类灵魂拷问的主题,非常值得深 ...
- 灵魂拷问:如何检查Java数组中是否包含某个值 ?
在逛 programcreek 的时候,我发现了一些专注细节但价值连城的主题.比如说:如何检查Java数组中是否包含某个值 ?像这类灵魂拷问的主题,非常值得深入地研究一下. 另外,我想要告诉大家的是, ...
- java 数组包含_灵魂拷问:如何检查 Java 数组中是否包含某个值?
作者 | 沉默王二 责编 | Elle 在逛 programcreek 的时候,我发现了一些专注细节但价值连城的主题.比如说:如何检查Java数组中是否包含某个值 ?像这类灵魂拷问的主题,非常值得深入 ...
- sqlserver中GUID的默认值设置
sqlserver中GUID的默认值设置 YID uniqueidentifier not null default (NEWSEQUENTIALID()), //有序GUID(只能用于表设计的时候的 ...
- java中怎么表示数组中的某个值_简易Java(12):如何高效检查一个数组中是否包含某个值?...
如何检查一个数组(未排序)中是否包含某个特定的值?在Java中,这是一个非常有用并又很常用的操作.同时,在StackOverflow中,有时一个得票非常高的问题.在得票比较高的几个回答中,时间复杂度差 ...
- mysql+默认值+default_十六、MySQL 中数据类型的默认值 - default 约束-搜云库
MySQL 中,所有的数据类型,都可以显式或隐式的拥有默认值. 我们可以使用 DEFAULT 约束显式的为列指定一个默认值.比如 CREATE TABLE t1 ( i INT DEFAULT -1, ...
- php中函数的默认值,参数的顺序
形式参数可以在定义时候给参数赋一个默认值,默认值不能是一个变量,可以是常量,当调用函数时,如果没有参数,函数就会按照默认值处理,如果传递了参数,就按照传递的参数处理 <?phpheader('c ...
- 区分 Protobuf 中缺失值和默认值
转载地址:区分 Protobuf 中缺失值和默认值 - 知乎 Protobuf 是目前非常主流的二进制序列化格式,GRPC 默认使用 Protobuf v3 格式,下面是 Protobuf 消息定义的 ...
最新文章
- UINavigationController技巧一——修改返回按钮的标题
- PHP开发之thinkPHP分层设计
- linux selinux 安全子系统简介
- WSAGetLastError返回的可能错误代码
- 用git发patch
- 10个经典而简单的jQuery特效设计在线演示
- Android Studio --- [学习笔记]RadioButton、CheckBox、ImageView、ListView、TCP的三次握手
- SIP for android
- web用户登录界面设计_UI设计师怎样做界面设计?
- python列表删除行_Python DataFrame – 删除具有属于值列表的列值的行
- Drools 规则引擎的使用
- 计算机软件企业账务处理,企业购买软件会计上如何处理
- 计算机硬件码修改软件,电脑机器码,教您电脑机器码修改软件
- crontab 误删除恢复
- 【LLVM实践】死循环插桩检测
- unity 360°全景图
- Win10系统电脑声卡驱动正常但没声音?驱动人生解决方案
- 明日之后 找不到服务器,《明日之后》无法连接服务器怎么解决 服务器无法连接解决方法...
- 局域网共享磁盘或文件夹访问
- linux图形编程前的基本操作