热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue2.0子组件给父组件传值不起作用

做了一个下拉树插件。下拉框(父组件)引用树状插件(子组件),然后点击选中子组件中,将值传送给父组件。父组件html:

做了一个下拉树插件。下拉框(父组件)引用树状插件(子组件),然后点击选中子组件中,将值传送给父组件。
父组件html:

1
2
3


       


父组件js:

1
2
3
4
5
6
7
8
methods:{

            chooseT(msg){

                this.msg=msg

                this.selectedName=this.msg

                console.log(this.msg)//打印不出来,没有接受到子组件的传值

                console.log(this.selectedName)

            },

}

子组件js:

1
2
3
4
5
6
7
8
9
methods:{

            //由一点击事件触发

            chooseTreeItem(){

                    let el=event.target

                    let name=el.innerText

                    console.log(name)

                    this.$emit('chooseTreeItem',name)//向父组件传值

            },

}

前面用此方法已传成功过,但是这个地方却不行。用工具测试了,子组件事件已提交,但是父组件却没接收,不知道为什么,已经反反复复检查过好几遍了,不知道vue2.0还有什么潜藏的坑?


推荐阅读
  • 本文针对公司项目中普遍存在的IE浏览器兼容性问题,特别是IE9及以下版本,提出了具体的解决方案,确保用户在这些旧版浏览器中也能顺利实现图片上传预览功能。 ... [详细]
  • 本文详细介绍了如何手动编写兼容IE的Ajax函数,以及探讨了跨域请求的实现方法和原理,包括JSONP和服务器端设置HTTP头部等技术。 ... [详细]
  • 本文介绍了在 Android 开发中如何实现像素 (px)、缩放独立像素 (sp) 和密度独立像素 (dp) 之间的相互转换。这些方法对于确保应用在不同屏幕尺寸和分辨率上的适配至关重要。 ... [详细]
  • 本文详细介绍了如何通过 `vue.config.js` 文件配置 Vue CLI 的打包和代理设置,包括开发服务器配置、跨域处理以及生产环境下的代码压缩和资源压缩。 ... [详细]
  • 本文介绍如何使用 jQuery 的 AJAX 方法从服务器获取 JSON 数据,并通过遍历这些数据来创建包含公司及其产品信息的数组。 ... [详细]
  • 本文由Jogis撰写,详细探讨了React中的组件设计模式,包括控制组件、非控制组件及混合模型组件,分析了各自的优缺点及其应用场景。 ... [详细]
  • 学习目的:1.了解android线程的使用2.了解主线程与子线程区别3.解析异步处理机制主线程与子线程:所谓主线程,在Windows窗体应用程序中一般指UI线程,这个是程序启动的时 ... [详细]
  • Vue中从后端获取JSON字符串的方法
    本文详细探讨了如何在Vue项目中从后端获取JSON字符串,并将其正确解析和显示,对于开发者来说具有较高的实用性和参考价值。 ... [详细]
  • 本文详细介绍了如何在VMware环境下安装CentOS 7 Minimal,并成功配置GNOME桌面环境的过程。包括解决网络连接问题和设置默认图形界面等关键步骤。 ... [详细]
  • 首先说一下,这是我在CSDN上的第一个文章,其实这个账号早在几年前就申请了,不过当时只是为了下载一个资源,而且也不怎么懂信息技术相关的领域,后来就再也没怎么动过,直到今天我才开始使用这个账号 ... [详细]
  • 本文深入探讨了Java注解的基本概念及其在现代Java开发中的应用。文章不仅介绍了如何创建和使用自定义注解,还详细讲解了如何利用反射机制解析注解,以及Java内建注解的使用场景。 ... [详细]
  • 前端进阶:深入解析uni-app页面配置
    本文详细探讨了uni-app框架中的页面配置方法,包括启动页设置、全局样式调整以及底部导航栏的设计等关键点。 ... [详细]
  • 如何在onCreate方法中正确获取视图的尺寸
    在Android开发中,有时需要在onCreate方法中立即获取视图的宽度和高度。然而,直接使用view.getWidth()或view.getHeight()可能会返回0,这是因为布局测量过程尚未完成。本文将介绍几种有效的方法来解决这一问题。 ... [详细]
  • 本文详细介绍了 KALDI 中 CUDA 矩阵库的使用与功能,包括其如何提高计算效率以及在不同环境下的适应性。 ... [详细]
  • 上一篇我们介绍了C#3.0新语言特性和改进上部分,这篇我们继续介绍剩下的部分。C#3.0新语言特性和改进包括:自动属性(Auto-ImplementedProperties)隐含 ... [详细]
author-avatar
手机用户2502895475
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有