Element-ui?Dialog對話框基本使用
更新時間：2023年06月29日 09:35:51 作者：菜園前端
這篇文章主要為大家介紹了Element-ui?Dialog對話框基本使用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
按需引入方式
Element-ui Dialog對話框用于彈出窗口
如果是完整引入可跳過此步驟
import Vue from 'vue'
import { Dialog } from 'element-ui'
import 'element-ui/lib/theme-chalk/base.css'
import 'element-ui/lib/theme-chalk/dialog.css'
Vue.use(Dialog)基礎(chǔ)使用
<template>
<el-button @click="dialogVisible = true">點擊打開 Dialog</el-button>
<el-dialog title="提示" :visible.sync="dialogVisible" width="30%">
<span>這是一段信息</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">確 定</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
data() {
return {
dialogVisible: false
}
}
}
</script>Attributes
以上就是Element-ui Dialog 對話框基本使用的詳細(xì)內(nèi)容，更多關(guān)于Element-ui Dialog對話框的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方式
這篇文章給大家介紹了Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方法,使用watch和storeToRefs函數(shù),使用計算屬性computed和使用watchEffect函數(shù)這三種方法,文中通過代碼講解非常詳細(xì),需要的朋友可以參考下2024-01-01
這篇文章主要介紹了vue項目中引入vue-datepicker插件，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
本篇文章主要介紹了如何解決vue與傳統(tǒng)jquery插件沖突，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
vue項目頁面正常訪問,但是刷新后報404,這種情況通常是由于 前端路由? 和 瀏覽器直接訪問? 的差異導(dǎo)致的,主要有以下幾個原因和解決方案,下面我們就來詳細(xì)介紹一下吧2025-12-12
這篇文章主要介紹了Vue實現(xiàn)商品飛入購物車效果(電商項目)，這種效果在一些電商平臺經(jīng)常會用到，今天小編通過代碼詳解,需要的朋友可以參考下2019-11-11
這篇文章主要為大家詳細(xì)介紹了Vue登錄主頁動態(tài)背景短視頻的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
vue實現(xiàn)的微信機器人聊天功能案例【附源碼下載】
這篇文章主要介紹了vue實現(xiàn)的微信機器人聊天功能,結(jié)合實例形式分析了基于vue.js的微信機器人聊天相關(guān)界面布局、ajax交互等操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了Vue.js 父子組件通訊開發(fā)實例的相關(guān)資料,本文介紹的非常詳細(xì)，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
vue使用exif獲取圖片旋轉(zhuǎn)，壓縮的示例代碼
這篇文章主要介紹了vue使用exif獲取圖片旋轉(zhuǎn)，壓縮的示例代碼，幫助大家更好的利用python處理圖片，感興趣的朋友可以了解下2020-12-12
本篇文章主要介紹了深入對Vue.js $watch方法的理解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧。2017-03-03