vue el-dialog一个弹窗多个标题,点击不同的标题展示不同的弹窗内容
<template>
<el-dialog>
<div slot="title" class="userInfoTitle">
<span v-for="(item, index) in titleList"@click="clickTitle(item, index)"
:key="index">{{ item.title }}</span>
</div>
</el-dialog>
</template>
<script>
export default {
data() {
titleList: [
{
title: "title1",
active: true,//表示目前先显示哪一个
},
{
title: "title2",
active: false
},
{
title: "title3",
active: false
}
],
}
}
</script>