之前在用vue写子父组件通信的时候，老是遇到问题！！！

子组件传值给父组件：

　　子组件：通过emit方法给父组件传值，这里的upparent是父组件要定义的方法　　　

　　模板：

<div v-on:click="switchViewBtn">切换视图</div>

　　在data中定义：switchStatus = true;

　　方法：　　

switchViewBtn(){
　　　　　　let that=this;
　　　　　　this.$emit("parentView",that.switchStatus);
　　　　},

　　父组件：模板：　　　

<div @parentView="changeView" :msg="msg"></div>

　　方法：　

changeView(msg){
　　　　this.switchStatus = msg;
　　}

　　这样就可以将子组件的值传给父组件了。

父组件传值给子组件：

　　父组件：模板：

　<div :name="name">切换视图</div>

　　在data中赋值：

　export default {
　　　　　　data() {
　　　　　　　　return {
　　　　　　　　　　data：‘zy'
　　　　　　　　　}
　　　　　　}
　　　　}

子组件中接受代码：

export default {
　　　　data() {
　　　　　　return {
　　　　　　　　data：‘zy'
　　　　　　　　}
　　　　　　}，
　　　　props:[
　　　　　　　'name'
　　　　]
　　}

以上所述是小编给大家介绍的vue子父组件通信的实现代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

# vue  # 子父组件通信  # vue父组件向子组件动态传值的两种方法  # vue-router2.0 组件之间传参及获取动态参数的方法  # 详解vue2.0 使用动态组件实现 Tab 标签页切换效果（vue-cli）  # vue中用动态组件实现选项卡切换效果  # vue动态组件实现选项卡切换效果  # vuejs动态组件给子组件传递数据的方法详解  # Vuejs第十二篇之动态组件全面解析  # Vue.js动态组件解析  # 详解vue表单验证组件 v-verify-plugin  # vue动态绑定组件子父组件多表单验证功能的实现代码  # 小编  # 给大家  # 所述  # 给我留言  # 就可以  # 有任何  # js  # brush  # click  # switchViewBtn  # div  # lt  # emit  # 写子父  # class  # pre  # upparent  # gt  # default 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  重庆市网站制作公司,重庆招聘网站哪个好？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  微信公众帐号开发教程之图文消息全攻略  如何用搬瓦工VPS快速搭建个人网站？  javascript日期怎么处理_如何格式化输出  网站建设要注意的标准 促进网站用户好感度！  用yum安装MySQLdb模块的步骤方法  北京网站制作的公司有哪些,北京白云观官方网站？  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  详解Oracle修改字段类型方法总结  Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解  高防服务器如何保障网站安全无虞？  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  b2c电商网站制作流程,b2c水平综合的电商平台？  如何用PHP快速搭建高效网站？分步指南  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  如何挑选高效建站主机与优质域名？  如何在搬瓦工VPS快速搭建网站？  JavaScript常见的五种数组去重的方式  佛山网站制作系统,佛山企业变更地址网上办理步骤？  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  如何在云服务器上快速搭建个人网站？  实例解析Array和String方法  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  如何在 Telegram Web View（iOS）中防止键盘遮挡底部输入框  ,交易猫的商品怎么发布到网站上去？  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  如何在腾讯云免费申请建站？  详解vue.js组件化开发实践  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  Python正则表达式进阶教程_复杂匹配与分组替换解析  实例解析angularjs的filter过滤器  如何挑选优质建站一级代理提升网站排名？  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】  Laravel如何使用软删除（Soft Deletes）功能_Eloquent软删除与数据恢复方法  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  Laravel如何配置和使用缓存？（Redis代码示例）  如何在万网自助建站平台快速创建网站？  在Oracle关闭情况下如何修改spfile的参数  如何快速搭建高效可靠的建站解决方案？  Laravel如何处理文件下载请求？（Response示例）  Laravel如何配置Horizon来管理队列？（安装和使用）  如何在Tomcat中配置并部署网站项目？  如何确保西部建站助手FTP传输的安全性？  再谈Python中的字符串与字符编码（推荐）