[小程序开发]中向组件传递数据的方法

2022-09-19 14:50:00 by wst

vue

---

场景

页面A里面根据不同的角色要显示不同组件的内容，同时才用下拉刷新的方式重新载入组件数据。于是在页面中需要调用组件里的方法。

向组件传递数据的方法中，以下是我常用的两种方法。

也许有很多种，知道的请指教

 1通过属性方式

组件js文件如下：

Component({
  /**
   * 组件的属性列表
   */
  properties: {
    comList: {
      type: Array,
      value: []
    }
  },
}

调用组件，传递数据

 <ComListUser comList="goods"></ComListUser>

2通过调用组件中的函数载入数据

组件中的方法

getUserComList() {
    return [{'name':'zhangsan','age':20},{'name':'xiaoming','age':18}]
    // 正常开发中，这里会请求后台获取数据
}

调用组件的写法及组件id设置

this.selectComponent("#user").getUserComList();

<ComListUser id="user"></ComListUser>

这里只列出了主要思路，如果更详细的需求，请评论。

---