uniapp中b页面向a页面传对象，a页面接收后将对象放入a页面定义好的数组中，并将其循环显示出来

在uniapp中，可以通过事件总线或者vuex来实现组件之间的通信。以下是使用事件总线实现的示例代码：

1. 在a页面中定义一个空数组，并在created钩子函数中监听事件：

export default {
  data() {
    return {
      list: [] // 定义空数组
    }
  },
  created() {
    this.$eventHub.$on('addItem', (item) => { // 监听事件
      this.list.push(item) // 将传递过来的对象添加到数组中
    })
  }
}

2. 在b页面中，将要传递的对象通过事件总线传递到a页面：

export default {
  methods: {
    addItem() {
      const item = { // 定义要传递的对象
        id: 1,
        name: '测试'
      }
      this.$eventHub.$emit('addItem', item) // 通过事件总线传递对象
    }
  }
}

3. 在a页面中，使用v-for指令将数组中的对象循环显示出来：

<template>
  <ul>
    <li v-for="item in list" :key="item.id">{{ item.name }}</li>
  </ul>
</template>

相关问题

uniapp中b页面向a页面传数组，a页面定义好的数组接收后并将其显示出来

在uniapp中，可以使用uni.navigateTo或uni.redirectTo方法跳转到a页面，并通过url传递数据。例如：

1. 在b页面中定义一个数组：

let arr = ['item1', 'item2', 'item3'];

2. 使用uni.navigateTo跳转到a页面，并将数组通过url传递：

uni.navigateTo({
  url: '/pages/a?aArr=' + JSON.stringify(arr)
})

3. 在a页面中定义一个接收数组的变量，并在onLoad生命周期函数中接收数据并将其显示出来：

<template>
  <view>
    <view v-for="(item, index) in aArr" :key="index">{{item}}</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        aArr: []
      }
    },
    onLoad(options) {
      if(options.aArr) {
        this.aArr = JSON.parse(options.aArr);
      }
    }
  }
</script>

这样，当从b页面跳转到a页面时，a页面就能够接收到传递过来的数组并将其显示出来了。

uniapp中b页面向a页面传对象，a页面接收后将对象替换之前对应存入的数组中，并将其循环显示出来

首先，在B页面中将对象传递给A页面可以通过uni-app提供的 `uni.navigateTo` 方法传递参数。具体做法如下：

在B页面中：

// 定义要传递的对象
var obj = {
  name: '张三',
  age: 20,
  gender: '男'
}

// 跳转到A页面，并将对象作为参数传递
uni.navigateTo({
  url: '/pages/a/a?obj=' + JSON.stringify(obj)
})

在A页面中，可以通过 `onLoad` 方法获取从B页面传递过来的参数，并将其替换之前对应存入的数组中：

export default {
  data() {
    return {
      list: [
        { name: '小明', age: 18, gender: '男' },
        { name: '小红', age: 19, gender: '女' },
        { name: '小刚', age: 20, gender: '男' }
      ]
    }
  },
  onLoad(option) {
    // 获取从B页面传递过来的参数
    var obj = JSON.parse(option.obj)

    // 替换数组中对应的对象
    this.list.splice(1, 1, obj)
  }
}

最后，在A页面中将数组循环显示出来，可以使用 `v-for` 指令：

<template>
  <view>
    <view v-for="(item, index) in list" :key="index">
      <text>{{ item.name }}</text>
      <text>{{ item.age }}</text>
      <text>{{ item.gender }}</text>
    </view>
  </view>
</template>

这样，当从B页面传递过来的对象替换数组中对应的对象后，A页面中的列表就会更新，显示最新的数据。