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


相关推荐

  • 用tushare获取股票历史数据

    用tushare获取股票历史数据我们运用python进行量化分析的时候需要载入证券数据,tushare为我们提供了证券市场数据接口。tushare是以新浪财经、腾讯财经、上交所数据、深交所数据为基础提供的Python接口。安装方法为pipinstalltushare也可以到tushare的官网去下载,并且官网上有接口各个调用函数的详细说明http://tushare.org/index.html#id5

    2022年6月24日
    28
  • 如何使用等价类划分法编写测试用例的结果_划分等价类设计测试用例

    如何使用等价类划分法编写测试用例的结果_划分等价类设计测试用例案例:如下图所示的一个两位整数加法器,需求分析中要求:①第一个数和第二个数都是只能输入-99到99之间的整数②对于输入的小于-99的数据或者大于99的数据,程序应给出明确提示③对于输入的小数、字符等非法数据,程序应给出明确提示基于上述需求,使用等价类划分法编写测试用例的步骤如下:1.根据需求分析,建立等价类表(1)有效等价类表编号数据要求1-99——0之间的整…

    2022年10月17日
    2
  • python官网下载步骤图解-如何下载安装python 看完你就知道了[通俗易懂]

    python官网下载步骤图解-如何下载安装python 看完你就知道了[通俗易懂]工具/材料windows系统电脑操作方法01首先,在python的官网下载python版本,需要下载你电脑对应的版本,在【计算机】-【属性】中查看自己是32位还是64位操作系统(官网地址在网上自行搜索)。0232位和64位的版本安装起来没有区别,双击打开后,第一步要记得勾上AddpythontoPath选项,意思是把Python的安装路径添加到系统环境变量的Path变量中。然后选择自定义安…

    2022年4月30日
    125
  • StringBuffer的用法

    在使用StringBuffer 的时候,习惯性的像String一样把他初始化为了StringBuffer result = null;结果警告:Null pointer access: The variable result can only be null at this location运行后报错,才意识到StringBuffer和String还是有很多区别的,摆渡了些资料整理出来

    2022年3月11日
    49
  • c语言入门教程–-4运算符

    c语言入门教程–-4运算符

    2021年3月12日
    223
  • 如何学习verilog,如何快速入门?

    前言害怕真的有人不知道verilog是什么东西,于是就给把百度给搬来了!VerilogHDL是一种硬件描述语言,以文本形式来描述数字系统硬件的结构和行为的语言,用它可以表示逻辑电路图、逻辑表达式,还可以表示数字逻辑系统所完成的逻辑功能。VerilogHDL和VHDL是世界上最流行的两种硬件描述语言,都是在20世纪80年代中期开发出来的。前者由GatewayDesignAutomation公司(该公司于1989年被Cadence公司收购)开发。两种HDL均为IEEE标准。之前的文章《IC前端

    2022年4月7日
    61

发表回复

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

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