子组件通过$emit来向父组件传递数据(array)
来源:互联网 发布:算法复杂度分析 例题 编辑:程序博客网 时间:2024/06/07 19:00
最近遇到一个子组件传递多数据给父组件,最开始是当做字符串传多值,但没有成功,然后在网上找到这种方法,现在再这里记录下,给大家和自己参考下
子组件
<button type="button" v-on:click="submit">确定</button>//jsexport default { props:["titleName","id","order"], methods: { submit:function(){ this.$emit("ok",[this.titleName,this.id,this.order]) // 向父级传递["xiha",123,3]。 } } }
父组件
<index-popup v-on:ok="submit"></index-popup>//jsexport default { data() { return { titleName:"hahaha", id:132155, time:"1000", order:1, seen:false, } }, components: { 'index-popup': IndexPopup }, methods: { submit:function(arr){ console.log(arr) this.titleName=arr[0]; this.id=arr[1]; this.order=arr[2]; } } }
阅读全文
0 0
- 子组件通过$emit来向父组件传递数据(array)
- vue2.0子组件向父组件传递数据(饿了么例子)vue2.0废弃$dispatch,替换成$emit 和$refs
- Vue之父组件向子组件传递数据
- vue父组件向子组件传递多个数据
- 父组件向子组件传递数据(vue.js)
- vue 子组件向父组件传递数据
- angular2父子组件的数据传递,父组件向子组件传递数据
- React 的数据流动(反向由子组件向父组件传递数据)
- angular2父子组件的数据传递,子组件向父组件抛出数据
- 解决关于Vue父组件动态向子组件传递数据
- vue---父调子 $refs (把父组件的数据传给子组件)子调父 $emit (把子组件的数据传给父组件)
- vue-cli 父组件向子组件传递参数2
- vue 子组件向父组件传递参数
- vue 兄弟组件之间传数据之通过父组件来传递
- vue2.x---在vue2.x中,父组件怎么响应式向子组件传值,子组件怎么通过prop修改父组件数据?
- angular2.0父子组件通信---如何通过组件属性将数据传递给子组件
- vue 子组件向父组件发送数据
- VUE .sunc (update,$emit)父子组件传递数据 手记
- JAVA日期加减运算
- 剑指offer --- 构建乘积数组
- Cpplint代码静态检测工具
- 关于wordpress 更新时需要FTP 服务器账户密码 的解决方法
- AngularJS 表格案例(排序,批删,查询,全选)
- 子组件通过$emit来向父组件传递数据(array)
- SparkStreaming操作Kafka
- libmemcached选择server的几种方法
- 2017/12/14
- Spring @component 注解的作用
- Lua基础
- 80%时间在灭火,普通工程师如何摆脱重复劳动?
- java SSM框架中使用aspose-words导出数据
- 安装并测试memcached