vue获取子组件数据的三个方法

2019-11-26 15:27:50

1.this.$emit ，子传父

2.this.$children属性

this.$children返回的是数组

例子：

//获取子组件数据
       console.log(this.$children[0].cdata);
 //调用子组件方法
    this.$children[0].cmethod()

 

3.通过this.$refs获取组件

 //获取子组件数据
       console.log(this.$refs.test.cdata);
//调用子组件方法
    this.$refs.test.cmethod()

 

4.this.$parent获取父组件数据

this.$parent返回的是对象，this.$children返回的数组

例子：

 console.log(this.$parent.pdata);


  • 精彩推荐

  • 2018-06-02 00:30:35

    Android 解决沉浸式状态栏下，输入法弹出，布局不会自动调整的BUG

    在开发中，如果输入框在布局的底部。在弹出输入发时，为了使输入法不遮挡输入框通常有两种做法： 1.将布局压缩（Activity的android:windowSoftInputMode属性设置为”adjustResize”）。 2.移动布局，将布局顶到输入框之上（Activity的android:windowSoftInputMode属性设置为”adjustPan”）

  • 2018-06-02 00:31:27

    Android layout实现输入法弹出后，布局整体上移

    那如果要实现沉浸式状态栏又要保持布局不会被输入法遮挡，怎么办呢？ 只要在根布局加上android:fitsSystemWindows=”true”即可，效果如下（为方便看效果我把背景改成了黄色）：

  • 2018-06-04 10:06:43

    mysql查询数据的同时对它进行删除操作

    今天遇见一个问题，需要把mysql数据库里面的 商品主表 和它的每一个条目对应不上的数据给全部删除(数据如下图);也就是整理一下数据库里的数据保证数据的可用;

  • 2018-06-19 16:39:03

    java缩放图片、java裁剪图片代码工具类

    在系统的上传图片功能中，我们无法控制用户上传图片的大小，用户可能会上传大到几十M小到1k的的图片，一方面图片太大占据了太多的空间，另一方面，我们没办法在页面上显示统一大小的图片。所以我们需要对用户上传的图片进行缩放和裁剪，这里的缩放和平常的压缩不是一个意思，因为要实现小的图片会放大，大的图片会缩小，而且是等比例变的，图片不会显示挤压的效果。而这种操作Java完全可以实现。下面分享下java缩放、裁剪图片的工具类。