栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

iView之Modal(一级弹窗和二级弹窗)

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

iView之Modal(一级弹窗和二级弹窗)

iview之Modal一、普通组件使用方法

普通组件使用方法直接在页面中写标签,在页面内可以写内容。内容也可以自定义标签引入。下面是两种方式引入内容

  • 第一种,直接在Modal标签内写内容

  • 第二种,在Modal标签内引入自定义组件

一、实例化使用方法

实例化使用方法也分为两种,一种是直接在render函数内直接写Html标签进行页面渲染,另一种是render函数内写自定义的组件进行渲染

  • 第一种

  • 第二种

三、二级弹窗

有的业务场景需要使用到二级弹窗,即弹窗中再弹窗。在使用二级弹窗的时候。第一个弹窗实例化和普通组件两种方式都可以使用,第二个弹窗的时候只能使用第一种普通组件使用的方式才行,否则会进行覆盖弹窗。

Helloworld.vue

FirstModal.vue

SecondModal.vue



效果如下图

二级弹窗.png



作者:不爱编程的程序员
链接:https://www.jianshu.com/p/29eb1447eed2


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240427.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号