vue 子组件向父组件发送数据
来源:互联网 发布:爱奇艺自制网络剧破案 编辑:程序博客网 时间:2024/06/17 03:05
子组件向父组件发送数据
直接分二步
一. 在子组件数据发生改变时或者改变后的触发函数中,提交要发送的数据,格式如下:
this.$emit(‘key’,data1,data2);
key 为一个字符串标识,后面为传递的数据。
二 . 在父组件中接受这些数据 格式如下:
<child v-on:key='fun'><child> <script> methods:{ fun(data1,data2){ console.log(data1,data2) }} </script>
v-on接受字符串标识key,并把数据传递给后面的函数,也就是调用这个函数,每次数据更新都会调用这个函数。
父组件向子组件传递数据,比较简单。
也是分二步
三. 在父组件中发送这些数据 格式如下:
<child :key='data'><child>
key 还是为字符串标识,data为发送的数据
四. 在子组件中接受这些数据 格式如下:
props:[‘key’]
可以用在模板
<template><p>{{key}}</p> </template>
也可以在js里使用
methods:{
fun(){
this.$props.key
}
}
注意有些k在有些地方不加‘ ’号。
以上发送的数据可以为js标准类型数据,array,object等。 文档里子组件给父组件传参数描述不清楚,
掌握了以上两点就能写出真正独立于应用的组件,重复使用。
阅读全文
1 0
- vue 子组件向父组件发送数据
- Vue之父组件向子组件传递数据
- vue父组件向子组件传递多个数据
- 父组件向子组件传递数据(vue.js)
- vue 子组件向父组件传递数据
- vue笔记---子组件把数据发送到父组件
- vue-父组件获取子组件数据
- VUE 父组件向子组件传值,子组件向父组件传值
- 解决关于Vue父组件动态向子组件传递数据
- vue-prop父组件向子组件进行传值
- vue-子组件向父组件传值
- Vue中父组件向子组件通信
- vue-cli 父组件向子组件传递参数2
- vue自定义事件 子组件向父组件通信
- vue prop 父组件向子组件通信
- vue 子组件向父组件传递参数
- vue子组件向父组件传值问题
- 子组件传递数据到父组件(vue.js)
- 【bzoj3714】[PA2014]Kuglarz
- 动态更换地形纹理图
- expandableListview
- openwrt开发板串口测试总结
- 常用linux命令缩写的英文全称
- vue 子组件向父组件发送数据
- form 表单字段 autocomplete 设置为off 后仍然无效的解决方法
- 离群点检测方法
- LeetCode
- 接口和形式参数
- js基础
- POJ-3984迷宫问题dfs
- gulp教程 前端工作环境的搭建
- Java反射生成对象注入spring(结合工厂模式)