资讯专栏INFORMATION COLUMN

Elementui el-dialog 组件我又学会了一种新的用法

wslongchen / 2709人阅读

摘要:新建弹窗文件将属性设置为提示类型请选择级别污染物名称请输入污染物名称请输入污染物名称请输入排放浓度生产量吨年请填写产生量环保

1.新建弹窗Form.vue文件 将visible属性设置为true

2.定义关闭弹窗方法closeDlg

closeDlg() {
        this.$router.back();
}

3.在父组件中定义弹窗按钮

 

4.定义弹窗方法add

 add() {
    this.$router.push({
       name: "pollutantsform"
    });     
 }

通过路由的方式将页面显示出来,弹窗默认是打开的 visible:true 打开页面从而也就打开了弹窗,关闭弹窗是通过this.$router.back的方式关闭的。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99989.html

相关文章

  • 基于elementUI实现图片预览组件

    摘要:如果插件是一个对象,必须提供方法。当方法被同一个插件多次调用,插件将只会被安装一次。的插件应当有一个公开方法。不用,去掉这个属性,但是会污染全局样式,可配合或者推荐,所有样式写在当前组件或下面组件源码放大图片更多组件点击这儿 这是一个简单的点击图片预览的组件顺便记录一下写组件期间踩的vue中scope的坑~showImg(https://segmentfault.com/img/bVb...

    iOS122 评论0 收藏0
  • 在Vue项目中使用ElementUI(一)

    摘要:这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。。 初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...

    linkin 评论0 收藏0
  • 在Vue项目中使用ElementUI(一)

    摘要:这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。。 初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...

    shadowbook 评论0 收藏0
  • 在Vue项目中使用ElementUI(一)

    摘要:这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。。 初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...

    NicolasHe 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<