Avoid adding reactive这个报错是哪出问题？

这个报错是哪出问题了？

<uni-collapse ref="collapse" v-model="value" @change="bb1">
                <uni-collapse-item v-for="(k,i) in a1" :key="i" :title="k.ClassName" >
                    <view v-for="(item,index) in a1[i][i]" :key="index" style="margin : 25rpx 0rpx 25rpx 10rpx ;">
                        <text class="text">>{{item.ClassName}}text>
                    view>
                uni-collapse-item>
uni-collapse>

<script>
    export default {
        data() {
            return {
                id1: '',
                id2: '',
                a1: []
            }
        },
        onShow: function() {
            this.getData() //调用加载数据方法
        },
        //下拉刷新
        onPullDownRefresh() {
            this.getData() //调用加载数据方法
        },
        methods: {
            bb1(e) {
                console.log(e)
            },
            getData() {
                //开始请求服务器数据结束
                this.myRequest({
                    url: '1.asp',
                    data: {
                        id1: 9,
                        id2: 'addoil',
                    },

                }).then(res => {
                    console.log(res)
                    uni.stopPullDownRefresh(); //停止下拉刷新
                    this.a1 = res.data //输出所有分类一级数据
                })
                //开始请求服务器数据结束
            },
        },
    }
script>