elment-plus使用?

elment-plus使用?

我怎么引入element-plus当中的组件,官方文档上是import { ElMessageBox, ElMessage } from 'element-plus';  那我 怎么引用,使用这个组件?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小尤 2022-02-28 16:56:22

同学你好,同学可以根据《初始Element Plus》(https://class.imooc.com/lesson/2265#mid=55248  )课程进行引入即可。

祝学习愉快!

  • 提问者 南京小花生 #1

    我想知道 怎么调用啊?推这个干嘛

    2022-02-28 19:21:03
  • 好帮手慕小尤 回复 提问者 南京小花生 #2

    同学你好,同学是想实现弹框吗?如果是,同学可以参考下方代码。如果不是,则建议同学重新描述一下问题。

     1、script lang="ts" 引入:

    import { ElMessage, ElMessageBox } from 'element-plus';

    2、setup 点击事件绑定:

    function handleDelete(row: any) {
        // console.log(row.id);
        ElMessageBox({
            title: '提示', //MessageBox 标题
            message: '是否确定删除当前项?', //MessageBox 消息正文内容
            confirmButtonText: '确定', //确定按钮的文本内容
            cancelButtonText: '取消', //取消按钮的文本内容
            showCancelButton: true, //是否显示取消按钮
            closeOnClickModal: false, //是否可通过点击遮罩关闭
            type: 'warning', //消息类型,用于显示图标
        }).then(() => {
            ElMessage.success('删除成功!');
        }).catch(() => {
            ElMessage.info('已取消删除!');
        });
    };

    3、return 返回点击事件:

    return {
        handleDelete,
    }

    祝学习愉快!

    2022-03-01 09:34:17
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师