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页面定义好的数组接收后并将其显示出来的多种办法

对不起，我理解错了你的问题。下面是uniapp中b页面向a页面传数组，a页面定义好的数组接收后并将其显示出来的多种办法：

1. 使用vuex

在b页面中，可以将数组存储在vuex中，然后在a页面中通过vuex来获取该数组的值。例如：

在store/index.js中定义一个数组：

const state = {
  arr: []
}

const mutations = {
  SET_ARR(state, arr) {
    state.arr = arr
  }
}

export default {
  state,
  mutations
}

在b页面中，可以通过commit方法将数组存储在vuex中：

this.$store.commit('SET_ARR', ['item1', 'item2', 'item3']);
uni.navigateTo({
  url: '/pages/a'
})

在a页面中，可以通过mapState来获取该数组的值并将其显示出来：

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

<script>
  import { mapState } from 'vuex'

  export default {
    computed: {
      ...mapState([
        'arr'
      ])
    }
  }
</script>

2. 使用uni.$emit

在b页面中，可以通过uni.$emit方法触发一个自定义事件，并将数组作为参数传递给该事件。在a页面中，可以通过uni.$on监听该事件，并在回调函数中获取数组的值。例如：

在b页面中，触发一个自定义事件并传递数组作为参数：

uni.$emit('getArr', ['item1', 'item2', 'item3']);
uni.navigateTo({
  url: '/pages/a'
})

在a页面中，通过uni.$on监听该事件并获取数组的值：

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

<script>
  export default {
    data() {
      return {
        arr: []
      }
    },
    onLoad() {
      uni.$on('getArr', (arr) => {
        this.arr = arr;
      })
    },
    beforeDestroy() {
      uni.$off('getArr');
    }
  }
</script>

3. 使用url传参

在b页面中，可以通过url传递数组作为参数，并在a页面中通过query来获取该数组的值。例如：

在b页面中，通过url传递数组作为参数：

uni.navigateTo({
  url: '/pages/a?arr=' + JSON.stringify(['item1', 'item2', 'item3'])
})

在a页面中，通过query来获取该数组的值：

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

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

以上是uniapp中b页面向a页面传数组，a页面定义好的数组接收后并将其显示出来的多种办法，可以根据实际情况选择合适的方法。

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>