vue中子级页面给父级如何传值,VUE子传父

结合之前文章,自定义子组件的使用,来实现一个子传父的功能,功能很简单,点击子级页面按钮,将值传递给父级中。

 

首先,我们需要在子组件中,设置一个点击按钮

 

接着在JS中,data定义一个参数ConKey,在点击事件中,使用$emit进行传参

 

最后,我们在父级页面中的子组件标签写上 v-on:GetKey=”GetCon”,命名自行定义,对应即可

并在js中写入如下

详情http://sharedblog.cn/post/196.html

个人博客http://sharedblog.cn/

软件下载http://iqzhan.com/

文章知识点与官方知识档案匹配,可进一步学习相关知识Vue入门技能树首页概览22996 人正在系统学习中

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年7月10日
下一篇 2020年7月10日

相关推荐