效果圖：
?上圖是layui-vue組件庫(kù)中的layer插件，我的項(xiàng)目使用的是element-plus組件庫(kù)，在用不上layui組件庫(kù)的情況下，就單獨(dú)引入@layui/layer-vue這個(gè)彈層插件就可以了
npm地址：@layui/layer-vue - npm
layui-vue組件庫(kù)地址：Layui - Vue 前端 UI 框架
?使用方式：
1.按照npm地址的Readme操作，在mainjs中引入插件并全局注冊(cè)
import layer from '@layui/layer-vue';
import '@layui/layer-vue/lib/index.css'
app.use(layer)2.在需要展示彈層的位置引入彈層組件或函數(shù)（layer彈層支持以函數(shù)/標(biāo)簽的形式使用）文章來源：http://www.zghlxwxcb.cn/news/detail-634072.html
? ? 具體的API見上方layui-vue組件庫(kù)地址文章來源地址http://www.zghlxwxcb.cn/news/detail-634072.html
<template>
<el-button @click="openSuccess">提示消息</el-button>
</template>
<script setup>
import { layer, LayLayer } from "@layui/layer-vue";
const openSuccess = function () {
layer.open({
title: "biaoti",
icon: 1,
shadeClose: false,
maxmin: true,
area: ['900px', '600px'], // 這里可以是百分比
type: 2, // 0: dialog 1: page 2: iframe 3: loading 4: drawer
content:'/index' // type為iframe時(shí)，代表路徑
});
};
</script>到了這里，關(guān)于vue3項(xiàng)目中引入dialog插件，支持最大最小化、還原、拖拽的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
