代码编织梦想

本人遇到问题是使用Message Box时自定义弹窗内容,可是用自定义时文档没有出现如何给元素加属性的讲解!

所以本次发布如何在使用自定义弹窗时添加自己想要的属性,话不多说上需求。

3b457452eff322a6ac8323fdda37e727.png

像是在创建一个(iframe)时想要加入一个src 或者创建一个(a)标签时添加src属性,下面解决放发有两种🤖

第一种:

就是用简单已了解的方法字符串拼接(利用element演示)

this.$alert("<p>" +"<a>你还</a>" +"</p>", '标题名称', {
          confirmButtonText: '确定',
          callback: action => {
            this.$message({
              type: 'info',
              message: `action: ${ action }`
            });
          }
        });
a799078d528e67d9e3d87550a80ea36a.png

可以用这种方式解决 但是很麻烦😒

第二种:

就是用自定义的啦 瞧好

623988529d3892795c2ab28afc0f8c39.png

const h = this.$createElement;
        this.$msgbox({
          title: '消息',
          message: h('p', null, [
            h('span', null, '内容可以是 '),
            // h('i', { style: 'color: teal' }, '这里可以是你的内容')
            h('a', { style:{color: 'teal'}, attrs:{id:"a", src:"htts://XXXXXX"},class:{} }, '这里可以是你的内容')
            
          ]),
          showCancelButton: true,
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          beforeClose: (action, instance, done) => {
            if (action === 'confirm') {
              instance.confirmButtonLoading = true;
              instance.confirmButtonText = '执行中...';
              setTimeout(() => {
                done();
                setTimeout(() => {
                  instance.confirmButtonLoading = false;
                }, 300);
              }, 3000);
            } else {
              done();
            }
          }
        }).then(action => {
          this.$message({
            type: 'info',
            message: 'action: ' + action
          });
        });

此处就可以用(attrs)来给某个元素设置属性啦

菜菜菜菜我很菜 有不同的方法尽情留言😉

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_68736646/article/details/128859203

java开发人员必知必会的20种常用类库和api_arthurkingys的博客-爱代码爱编程

一个有经验的Java开发人员特征之一就是善于使用已有的轮子来造车。《Effective Java》的作者Joshua Bloch曾经说过:“建议使用现有的API来开发,而不是重复造轮子”。在本文中,我将分享一些Java开发人员应该熟悉的最有用的和必要的库和API。顺便说一句,这里不包括框架,如Spring和Hibernate因为他们非常有名,都有特定的功

人工智能常用10大开发框架和ai库_lmseo5hy的博客-爱代码爱编程

人工智能是未来发展的一个新方向,从金融服务至医疗保健,再到运输,未来各行各业都会使用到人工智能,这是21世纪又一次的革命性创新。 人工智能的实现离不开开发框架和AI库,以下是汇总的10大高质量人工智能开发框架和AI库,以便于更深入的了解并探索人工智能的世界! 1. TensorFlow TensorFlow是人工智能领域最常用的框架,是一个使用数据流

java常用的库_java有哪些常用的库-爱代码爱编程

java有哪些常用的库 1、java.lang包(推荐教程:java教程) java.lang包 是Java中最常用的包,程序不需要注入,就可以使用该包中的类,利用包中的类可以设计最基本的Java程序。 2、java.awt包 java.awt包中的类提供了图形界面的创建方法,包括按钮、文本框、列表框、容器、字体、颜色和图形等元素的建立和设

java常用库_java常用类库-爱代码爱编程

java常用类库 System类 这个类里面所有的方法都是静态的 数组拷贝 System.arraycopy(src,dest,srcindex,destindex, Length); 获得系统的全部属性 System.getProperties().list(System.out); 获得系统的某一个属性 System.getProp

Java 常用类库-爱代码爱编程

4-2 常用类库 泛型 概念:泛型,即“参数化类型”。就是将类型由原来的具体的类型参数化,类似于方法中的变量参数,此时类型也定义成参数形式(可以称之为类型形参),然后在使用/调用时传入具体的类型(类型实参)。 泛型使用格式: /*泛型类 使用XXX类创建data属性*/ public class ClassName<XXX>{

【全面】Java常用类库汇总-爱代码爱编程

List接口: 1.ArrayList: ArrayList 是 List 接口的子类,此类的定义如 public class ArrayList<E> extends AbstractList<E> implements List<E>, RandomAccess, Cloneable, Serializable

java基础篇--常用类库_哈喽姥爷的博客-爱代码爱编程

Math类 一、Math类的概述: 1.Math包含执行基本数字运算的方法 2.看类的成员是否是静态的,如果是,通过类名可以直接调用 二、Math类的常用方法: ①public static int abs(int a):返回参数的绝对值 ​System.out.println(Math.abs(88)); System.

java开发人员必知的常用类库,这些你都知道吗?_倾听铃的声的博客-爱代码爱编程

  作为一名程序员,我们要避免重复发明轮子,尽可能使用一些成熟、优秀、稳定的的第三方库,站在巨人的肩膀上搭建可靠、稳定的系统。本篇我整理了Java开发人员经常会使用到的第三方类库,可能不是很全面,还在持续收集整理中,朋友们可以关注我的GitHub上的持续更新,GitHub搜wind7rui/Javalib,或者点击链接https://github.c

java常用的开发库推荐_hutool common-爱代码爱编程

今天来讲讲来给大家聊聊开发提速的东西了:工具包、Lombok和常用库 01、什么是工具包 基本上,每个项目里都有一个包,叫做utils。这个包专门承载我们自己项目的工具类,比如常见的DateUtils、HttpUtils、Collections 所谓Utils就是:这个东西我们用得很多,但是原API不够好用,于是我们给它封装为一个比较通用的方法 如