element-ui 折叠面板怎么动态加载数据

Question

            <el-collapse style="    margin-top: 28px; float: left; width: 100%; padding: 0px;" v-model="activeName" accordion>
            <el-collapse-item title="banliguo" name="1">
              <div>性别:未说明性别</div>
              <div>电话:[phone]</div>
              <div>地址:额尔敦</div>
              <div>创建时间:2018-12-20 14:51:11</div>
              <div>Email邮箱:</div>
              <div>所在部门:</div>
              <div>备注:</div>
            </el-collapse-item>
            </el-collapse>

怎么返给折叠面板一个数组，让他自己循环输出

Answer 1

折叠面板数据格式：

collapseList: [
    {
        title: 'xx',//标题
        sex: 'xx',//性别
        phone: 'xx',//电话
        ......
    }
]

循环el-collapse-item即可

<el-collapse-item v-for="(item, index) in collapseList" :key="index" :name="index">
    <div>性别:{{ item.sex }}</div>
    <div>电话:{{ item.phone }}</div>
    ......
</el-collapse-item>