满口金牙 2021-12-09 13:19 采纳率: 91.5%
浏览 168
已结题

vue3 element-plus 谁会改造ElMessageBox 组件

目的: 封装一个 myMessage 函数,可以传数组和字符串内容进去

import { ElMessageBox, ElMessage } from 'element-plus'
// 目的: 改造封装一个 myMessage 函数,可以传数组和字符串内容进去
export function myMessage2(str,title) {
  var newArr
  const h = this.$createElement; // 这里写错了
  if (Array.isArray(str)){ // 如果str传进来是数组,就遍历
    newArr =[]
    for(let i =0; i < str.length; i++){
      newArr.push(h('h2', null, str[i]))
    }
  }else{
    newArr = h('span', null , str)
  }
  ElMessageBox({
    title: title,
    message: h('h1', null, newArr),
    showCancelButton: false,
    confirmButtonText: 'OK',
  })
}


请给有效的代码
https://element-plus.gitee.io/zh-CN/component/message-box.html#%E4%B8%AA%E6%80%A7%E5%8C%96%E8%AE%BE%E7%BD%AE%E4%BD%A0%E7%9A%84%E5%BC%B9%E6%A1%86

  • 写回答

1条回答 默认 最新

  • mrjimin 2021-12-09 13:43
    关注
    
            import {  h } from 'vue'
            import { ElMessageBox, ElMessage } from 'element-plus'
            // 目的: 改造封装一个 myMessage 函数,可以传数组和字符串内容进去
            export function myMessage2(str, title) {
                var newArr
                // const h = this.$createElement; // 这里写错了
                if (Array.isArray(str)) { // 如果str传进来是数组,就遍历
                    newArr = []
                    for (let i = 0; i < str.length; i++) {
                        newArr.push(h('h2', null, str[i]))
                    }
                } else {
                    newArr = h('span', null, str)
                }
                ElMessageBox({
                    title: title,
                    message: h('h1', null, newArr),
                    showCancelButton: false,
                    confirmButtonText: 'OK',
                })
            }
    
    

    从vue中引入h函数

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月17日
  • 已采纳回答 12月9日
  • 修改了问题 12月9日
  • 创建了问题 12月9日

悬赏问题

  • ¥15 关于Java的学习问题
  • ¥15 如何使用chatgpt完成文本分类任务?
  • ¥15 已知速度v关于位置s的等式,怎么转化为已知位置求速度v的等式
  • ¥15 我有个餐饮系统,用wampserver把环境配置好了,但是后端的网页却进去,是为什么,能不能帮远程一下?
  • ¥15 R运行没有名称为"species"的插槽对于此对象类"SDMmodelCV"
  • ¥20 基于决策树的数字信号处理,2ask 2psk 2fsk的代码,检查下报错的原因
  • ¥15 wincc已组态的变量过多
  • ¥60 如图:直线与椭圆X轴平行,求直线与椭圆任意一点的相切坐标计算公式
  • ¥50 如何用python使用opencv里的cv::cudacodec::VideoWriter函数对视频进行GPU硬编码
  • ¥100 c#solidworks 二次开发 工程图自动标边线法兰 等折弯尺寸怎么标