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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pmf源解析_科研进展 | 不同燃烧排放的一次有机物源谱特征及其在源解析中的应用…

    pmf源解析_科研进展 | 不同燃烧排放的一次有机物源谱特征及其在源解析中的应用…一次有机气溶胶(POA)包括机动车、餐饮、燃煤和生物质燃烧排放等是大气细颗粒物的重要组成部分,尤其是冬季。POA的源解析目前主要利用受体模型正矩阵因子分解法(PMF)或者多线性引擎(ME-2)对气溶胶质谱仪(AMS)或气溶胶化学组分在线监测仪(ACSM)的有机气溶胶(OA)进行解析。受限于一次有机气溶胶源谱,POA源解析结果往往存在一定的不确定性。尤其是最新研发的CV-ToF-ACSM,…

    2022年5月10日
    54
  • Java基础之int和Integer有什么区别

    Java基础之int和Integer有什么区别1int与Integer的基本使用对比(1)Integer是int的包装类;int是基本数据类型;(2)Integer变量必须实例化后才能使用;int变量不需要;(3)Integer实际是对象的引用,指向此new的Integer对象;int是直接存储数据值;(4)Integer的默认值是null;int的默认值是0。2int与Integer的深入对比(1)由于In…

    2022年7月16日
    16
  • sublime 4113 激活码【最新永久激活】

    (sublime 4113 激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html0UY7RF7AC5-eyJsaWNlbnNlSWQi…

    2022年3月28日
    401
  • 允许跨域访问_vue浏览器清空跳转记录

    允许跨域访问_vue浏览器清空跳转记录from http://www.cnblogs.com/fengyuqing/p/javascript_xmlhttp.html在非IE下,使用XMLHttpRequest不能跨域访问,除非要访问的网页设置为允许跨域访问。将网页设置为允许跨域访问的方法如下: JavaResponse.AddHeader(“Access-Control

    2022年10月1日
    3
  • C++模板

    C++模板模(mu)板是泛型编程的基础,泛型编程即以一种独立于任何特定类型的方式编写代码。模板是创建泛型类或函数的蓝图或公式。(反正教程上抄的定义,理解不怎么深刻。)函数模板返回两个数中最大一个。template&amp;amp;amp;lt;classT&amp;amp;amp;gt;TMax(constT&amp;amp;amp;amp;value1,constT&amp;amp;amp;amp;value2){ returnvalue1

    2022年7月24日
    10
  • linux route add 接口,route add命令如何使用「建议收藏」

    linux route add 接口,route add命令如何使用「建议收藏」routeadd命令用于在本地IP路由表中显示和修改条目,使用不带参数的ROUTE可以显示帮助,代码为【route[-f][-p][command[destination][masknetmask]….】。routeadd命令使用情况:一、具体功能该命令用于在本地IP路由表中显示和修改条目。使用不带参数的ROUTE可以显示帮助。二、语法详解route[-f][-p][c…

    2022年8月12日
    2

发表回复

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

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