vue3+elementUiPlus+弹框
在Vue 3和Element Plus中创建一个弹框，你可以使用ElMessageBox组件。以下是一个简单的例子：
首先，确保你已经安装了Element Plus：
npm install element-plus然后，在你的Vue组件中使用ElMessageBox：
<template>
<button @click="openMessageBox">打开弹框</button>
</template>
<script setup>
import { ElMessageBox } from 'element-plus';
const openMessageBox = () => {
ElMessageBox.alert('这是一个弹框', '标题名称', {
confirmButtonText: '确定',
callback: action => {
console.log('用户点击了:', action);
},
});
};
</script>在这个例子中，我们创建了一个按钮，当点击按钮时，会通过ElMessageBox.alert方法打开一个弹框。弹框中显示的内容是“这是一个弹框”，标题是“标题名称”，确认按钮文本是“确定”。当用户点击确认按钮或者关闭弹框时，会通过callback函数输出相关的行为。
评论已关闭