vue封装组件思路_前端封装组件

vue封装组件思路_前端封装组件父组件引用子组件,设置props<addtableName=”mysql”/>vue子组件初始化created(){//在组件初始化的时候执行,只执行一次console.log(this.$data);console.log(this);}vue中子组件的method…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

  • 父组件引用子组件,设置props
<add tableName="mysql"/>
<add :tableName="mysql"/>
这二个的区别: 1是固定值   2是根据data里面的mysql变量。
这里建议采用$emit,方法名灵活。
emit想要直接获得父方法的返回值,是无法实现的,但是我们可以在父组件里面
that.$refs.loadMore1.pushData( res.data.listMap );这样把数据放到data里面就可以了。

或者直接用其它的2种方法直接执行父组件

 created () { // 在组件初始化的时候执行,只执行一次
            console.log( this.$data );
            console.log( this );
         }
console.log( this.tableName );
console.log( this.getTableName() );
这里不能直接在data里面新增数据。
this.$set(this.tableData , 'list' , '123456');
console.log( this.tableData.list ); // 123456
this.$set(this , 'list' , '123456');
console.log( this.list ); // undefined

vue 组件继承问题

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/190126.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 35岁以上的IT人士如果有一天被公司裁员了,该怎么办?

    35岁以上的IT人士如果有一天被公司裁员了,该怎么办?我觉得裁员和年龄无关,和本人的技能,工作态度,处事规则有关系。大家都知道华为裁员比例厉害,特别是对35岁以上的,会感到中年危机。但是我几个在华为的同学,都到了40岁了工作依然好好的,也没有见谁被裁掉。如果在工作中保持积极的态度,做事主动,平常多学习,和同事,领导的关系都不错,那么也不会被裁掉。作为已经到而立之年的中年人,给大家一点建议吧。在工作和生活中时刻保持乐观的心态,做事积极主动,多想多思考,与同事和领导友好相处,尽量让自己成为不可替代的人。那么你就不会被裁掉,也不会有中年危机。…

    2022年7月18日
    46
  • Linux安装tomcat,配置环境变量

    Linux安装tomcat,配置环境变量一、安装tomcat需要先配置jdk,所以没有配置jdk同学,先移步Linux安装JDK二、卸载tomcat检查linux是否安装tomcatrpm-qa|greptomcat查看下系统信息,确认是32位还是64位:uname-a输入rpm-qa|greptomcat如果有通过rpm-e`rpm-qa|greptomcat`(或rpm-e加上面rpm…

    2022年6月3日
    245
  • Error:Execution failed for task ‘:app-doc:packageDebug’. > java.io.IOException: Failed to read zip解决

    Error:Execution failed for task ‘:app-doc:packageDebug’. > java.io.IOException: Failed to read zip解决

    2021年3月12日
    170
  • 直接加QQ好友的链接或会话的方法

    出自本博客:qq_2300688967原文链接:https://blog.csdn.net/qq_2300688967/article/details/52162230下面是两种方法,一种直接会话,一种添加好友,只需将本人的QQ改成自己的就行了(1)下面这个代码,可直接临时会话tencent://message/?Menu=yes&amp;uin=2300688967&amp;…

    2022年4月9日
    122
  • 使用maven整合SSM框架详细步骤

    使用maven整合SSM框架详细步骤

    2021年9月26日
    41
  • NL-Mean和BM3D去噪原理「建议收藏」

    NL-Mean和BM3D去噪原理「建议收藏」本文为转载,原博客地址:http://blog.csdn.net/jacke121/article/details/55215416图像去噪是非常基础也是非常必要的研究,去噪常常在更高级的图像处理之前进行,是图像处理的基础。可惜的是,目前去噪算法并没有很好的解决方案,实际应用中,更多的是在效果和运算复杂度之间求得一个平衡,再一次验证了我老师的一句话:所有的工程问题最后都是最优化问题

    2022年5月16日
    46

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号