当前位置: 首页 > news >正文

做图模板网站有哪些内容磁力狗在线搜索

做图模板网站有哪些内容,磁力狗在线搜索,用dede做的网站,网站开发主要包括的事项在 Vue 2 和 Vue 3 中,Element UI(针对 Vue 2)和 Element Plus(针对 Vue 3)提供了 Dialog 对话框组件,用于在页面中显示模态对话框。这两个库中的 Dialog 组件在属性、事件和方法的使用上有所相似&#xff…

在 Vue 2 和 Vue 3 中,Element UI(针对 Vue 2)和 Element Plus(针对 Vue 3)提供了 Dialog 对话框组件,用于在页面中显示模态对话框。这两个库中的 Dialog 组件在属性、事件和方法的使用上有所相似,但也存在一些差异。下面我将分别介绍 Vue 2 下的 Element UI Dialog 组件和 Vue 3 下的 Element Plus Dialog 组件的使用方式。

Vue 2 + Element UI Dialog 组件

属性(Props)
  • visible.syncv-model:控制对话框是否显示,使用 .sync 修饰符或 v-model 双向绑定。
  • title:对话框标题。
  • width:对话框的宽度。
  • fullscreen:是否为全屏对话框。
  • top:对话框距离顶部的距离。
  • modal:是否需要遮罩层。
  • modal-append-to-body:遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上。
  • lock-scroll:是否在 Dialog 出现时将 body 滚动锁定。
  • custom-class:Dialog 的自定义类名。
  • close-on-click-modal:是否可以通过点击遮罩层关闭 Dialog。
  • close-on-press-escape:是否可以通过按下 ESC 关闭 Dialog。
  • show-close:是否显示关闭按钮。
  • before-close:关闭前的回调,会暂停 Dialog 的关闭。
事件(Events)
  • open:Dialog 打开的回调。
  • opened:Dialog 打开动画结束时的回调。
  • close:Dialog 关闭的回调。
  • closed:Dialog 关闭动画结束时的回调。
方法(Methods)

Element UI 的 Dialog 组件通常不直接暴露方法供外部调用。你主要通过修改绑定的 visible 属性或监听事件来控制对话框的显示和隐藏。

示例
<template><el-button type="primary" @click="dialogVisible = true">点击打开对话框</el-button><el-dialogtitle="提示":visible.sync="dialogVisible"width="30%":before-close="handleClose"><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,};},methods: {handleClose(done) {this.$confirm('确认关闭?').then(_ => {done();}).catch(_ => {});},},
};
</script>

Vue 3 + Element Plus Dialog 组件

属性(Props)
  • modelValuev-model:控制对话框是否显示,使用 v-model 双向绑定。
  • title:对话框标题。
  • width:对话框的宽度。
  • fullscreen:是否为全屏对话框。
  • top:对话框距离顶部的距离。
  • modal:是否需要遮罩层。
  • modal-class:遮罩层的自定义类名。
  • append-to-body:遮罩层是否插入至 body 元素上。
  • lock-scroll:是否在 Dialog 出现时将 body 滚动锁定。
  • custom-class:Dialog 的自定义类名。
  • show-close:是否显示关闭按钮。
  • close-on-click-modal:是否可以通过点击遮罩层关闭 Dialog。
  • close-on-press-escape:是否可以通过按下 ESC 关闭 Dialog。
  • before-close:关闭前的回调,会暂停 Dialog 的关闭。
事件(Events)
  • open:Dialog 打开的回调。
  • opened:Dialog 打开动画结束时的回调。
  • close:Dialog 关闭的回调。
  • closed:Dialog 关闭动画结束时的回调。
方法(Methods)

与 Element UI 类似,Element Plus 的 Dialog 组件通常也不直接暴露方法供外部调用。你主要通过修改绑定的 modelValue 属性或监听事件来控制对话框的

http://www.yidumall.com/news/17293.html

相关文章:

  • 怎样注册网站卖东西北京优化网站公司
  • wordpress 制作网站什么是推广
  • 网站设计面试问题东莞百度快照优化排名
  • 新闻网站建设规划书短视频营销策划方案
  • wordpress style.css修改导航菜单字体样式整站优化seo
  • 室内设计找图片的网站怎么在网上推销产品
  • 泉州效率网络网站建设腾讯新闻最新消息
  • 郑州做网站网络公司最常用的几个关键词
  • 环保设备在那个网站做关键对话
  • 一站式做网站哪家好如何去推广
  • 常州市金坛建设局网站整站优化关键词排名
  • 自适应企业网站源码南宁seo网络优化公司
  • 怀化职院网站合肥网站推广
  • 做详情页上什么网站找素材什么优化
  • 网站建设落地页女教师网课入侵录屏冫
  • 自动优化网站建设电话上海百度seo点击软件
  • 做的网站修改编码竞价推广开户多少钱
  • wordpress登陆界面背景seo干什么
  • 济南网站建设哪家公司好高平网站优化公司
  • 如何判断网站是响应式的还是宁波搜索引擎优化seo
  • 手机版做我女朋友网站广州网站优化平台
  • cms网站系统网站关键词怎么快速上排名
  • 六安有哪些做网站的公司广东疫情中高风险地区最新名单
  • 网站开发网站加载慢电子商务seo名词解释
  • 网站维护中要多久才能重新进入百度指数查询排行榜
  • 手机网站建设哪家好自己建网站需要钱吗
  • 北京P2P公司网站建设应用宝下载
  • 泉州网站设计佛山网站优化排名推广
  • 吴忠网站建设今天最近的新闻
  • 中山网站建设是什么意思资源链接搜索引擎