elementUI中弹出框中使用echarts

1、在dialog中使用open方法

<el-dialog
        :title="diaTitle"
        :visible.sync="dialogVisible"
        @open="open()"
      >
</el-dialog>      

2、在定时函数setTimeout中执行方法

open() {
      this.$nextTick(() => {
        this.drawLine()
      })
}

Tips:【小程序云开发】中高级前端面试题库(源码:小程序中联系我哟)。
---------- 创作不易,感谢大家,请多多支持!
在这里插入图片描述

ElementUI提供了多种类型的弹出框组件,例如el-dialog和MessageBox。el-dialog是一个可定制的弹出框组件,可以用于展示内容、进行交互等。MessageBox是一个快速创建弹出框的方法,可以用于显示提示信息、确认操作等。 在Vue使用ElementUI的弹出框组件时,可以通过this.$confirm方法创建一个确认框,代码如下: ```javascript this.$confirm("没有权益进行这项操作", "提示", { type: "warning", showClose: false, showCancelButton: false, showConfirmButton: false, }) .then(() => {}) .catch(() => {}); ``` 此代码会创建一个类型为warning的确认框,没有关闭按钮、确认按钮和取消按钮,并在2秒后自动关闭。在then方法可以处理确认操作,而在catch方法可以处理取消操作。 另外,可以使用el-dialog组件来创建一个可定制的弹出框,代码如下: ```html <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :close-on-click-modal="false" :show-close="false" > <!-- 弹出框的内容 --> </el-dialog> ``` 这段代码会创建一个弹出框,通过v-model指令和dialogVisible变量来控制弹出框的显示和隐藏。dialogTitle变量用于设置弹出框的标题,close-on-click-modal属性用于禁止点击遮罩层关闭弹出框,show-close属性用于隐藏关闭按钮。在弹出框的内容部分可以自定义需要展示的内容。 通过使用这两种方法,你可以根据需要创建不同类型的弹出框,并实现相应的交互和功能。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卜卦丶cc

你的鼓励是我创作最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值