twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-12-15 14:50:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: message工具函数适配ElMessage最新版本的API变更以及补充相关示例 (#1241)

Browse Source
This commit is contained in:
xiaoming
2025-11-13 07:54:28 +08:00
committed by GitHub
parent 244211c4eb
commit 1b7c0577d9
2 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/components/message.vue
View File

@@ -199,6 +199,31 @@ defineOptions({
<el-divider />
<h4 class="mb-4!">
控制消息出现的位置，消息可以显示在窗口的顶部(默认) 或其他位置
</h4>
<el-space wrap>
<el-button @click="message('顶部中间')"> 顶部中间 </el-button>
<el-button @click="message('顶部左侧', { placement: 'top-left' })">
顶部左侧
</el-button>
<el-button @click="message('顶部右侧', { placement: 'top-right' })">
顶部右侧
</el-button>
<el-button @click="message('底部中间', { placement: 'bottom' })">
底部中间
</el-button>
<el-button @click="message('底部左侧', { placement: 'bottom-left' })">
底部左侧
</el-button>
<el-button @click="message('底部右侧', { placement: 'bottom-right' })">
底部右侧
</el-button>
</el-space>
<el-divider />
<el-button @click="closeAllMessage"> 关闭所有消息提示 </el-button>
</el-card>
</template>