vue element el-collapse 默认展开 并展示出从后台请求回来的数据 默认展开了但是请求回来的数据并没有渲染

el-collapse 默认展开 并展示出从后台请求回来的数据 默认展开了但是请求回来的数据并没有渲染

遇到一个坑， 在控制台打印数据明明已经回来了，也赋了值，但是页面就是没有渲染，不知道大家有没有遇到这个问题。废话不多说直接放代码。

1. 在data中声明

 data() {
    return { 
    activeName:'',
    }
 }

2. 我们在请求数据拿到之后再给activeName赋值就可以渲染成功了。

 async getUtilTenantList(id) {
    this.rentList = []
        const {
          data: { list }
        } = await this.$myRequest(this.$api.getUtilTenantList, {
          queryJson: JSON.stringify([
            { paramName: 'sourceId', paramValue: id, operator: 0 }
          ])
        })
        this.rentList = [...list]
        this.activeNames = 12
    }

3. 如果你要切换时请求新数据，也是一样请求拿到数据之后，再给activeNames赋值就可以达到你想要的效果了。