antdesignvue中使用VNode写法

1、使用场景
在这里插入图片描述
如图:消息提示框中,将数据中的数据单独一行显示
2、代码

 let errorList = res.result; //后端返回的数据例: ["1. 数据格式不正确","2. 数据已存在"]if(errorList&&errorList.length!=0){this.$notification.open({message: "数据有误!",duration:0,  //取消定时关闭效果description: h=>{let arr = [];errorList.forEach((item)=>{arr.push(h('p',null,item)) })return h('div',null,arr)}})}

3、h函数使用(vue2x)
h(标签元素,标签属性,标签下的子元素)

一、attrs:设置html属性例如:id
1、h('div',{id:"divObj"},"hello world")
==
<div id="divObj">hello world</div>2、h('div',null,"hello word")
==
<div>hello world</div>
3、h('div',null,[h('span',null,'1.张三'),h('span',null,'2.李四')]
==
<div><span>1.张三</span><span>2.李四</span>
</div>二、props:设置DOM节点例如value
1、h('input',{type:"text",value:"hello"},null)
==
<input type="text" value="hello"/>三、classDOM类名
1、h('div',{class:'iconCss'},'hello')
==
<div class="iconCss">hello</div>四、style
1、h('div',{style:'color:red'},'hello')
==
<div style="color:red">hello</div>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/647336.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MySQL修炼手册13:存储过程初探:提高数据库操作效率

目录 写在开头1 存储过程的基本概念1.1 存储过程与SQL语句的对比1.2 存储过程的创建与调用 2 存储过程中的流程控制2.1 IF语句的使用2.2 循环与分支控制2.2.1 WHILE循环2.2.2 REPEAT循环2.2.3 LOOP循环2.2.4 CASE语句 3 存储过程的应用场景3.1 存储过程在业务逻辑中的应用3.1.1…

SpringCloud Bus动态刷新全局广播

文章目录 代码地址配置项目配置修改测试 SpringCloud Bus动态刷新定点通知 代码地址 地址:https://github.com/13thm/study_springcloud/tree/main/days11_%20Bus 配置项目 必须先具备良好的RabbitMQ环境先 演示广播效果&#xff0c;增加复杂度&#xff0c;再以3355为模板再…

node多版本管理工具nvm安装

开发前端项目&#xff0c;有时候新老项目交替&#xff0c;不同项目需要不同的node.js&#xff0c;本机电脑需要安装多个版本的nodejs&#xff0c;手动切换十分麻烦&#xff0c;有了nvm就可以轻松解决这个问题&#xff0c;nvm全名node.js version management 它是一个nodejs的版…

短信验证码接口

后台 urls.py path(sms/, views.SMSViewSet.as_view({get: send})),throttles.py from rest_framework.throttling import SimpleRateThrottle from django.core.cache import cache from django.conf import settings # 结合手机验证码接口来书写 class SMSRateThrottle(Si…

软考复习之UML设计篇

UML统一建模语言 构件图&#xff1a;描述系统的物理结构&#xff0c;它可以用来显示程序代码如何分解成模块 部署图&#xff1a;描述系统中硬件和软件的物理结构&#xff0c;它描述构成系统架构的软件构件&#xff0c;处理器和设备 用例图&#xff1a;描述系统与外部系统及用…

python使用回溯算法解决括号组合问题

对于给定k为括号的总对数&#xff0c;需要将能够组合的所有有效括号组合方式求出的问题。 对于回溯算法是将解空间看做一定的结构&#xff0c;通常是作为树形结构或者图形结构&#xff0c;回溯算法实际上是一种类似枚举的探索尝试过程&#xff0c;主要是在探索尝试过程中寻找解…

R语言【taxa】——as_data_frame():将 taxa 的对象 转换为 data.frame

Package taxa version 0.4.2 Description 将 taxa 对象包含的信息转换为 data.frame&#xff0c;信息保存在列中。如果使用 as_tribble 则转换为表格。 Usage as_data_frame(x,row.names NULL,optional FALSE,...,stringsAsFactors FALSE ) Arguments 参数【x】&#xff1…

c++:类和对象(5),运算符重载

目录 运算符重载概念&#xff1a; 运算符重载 1.成员函数重载号 2.全局函数重载号 打印结果&#xff1a; <<运算符重载 递增运算符重载 简单例子 输出结果为&#xff1a; 赋值运算符重载 如何重载 输出结果为&#xff1a; 什么时候重载 关系运算符重载 简单例…

springboot121编程训练系统设计与实现

简介 【毕设源码推荐 javaweb 项目】基于springbootvue 的编程训练系统设计与实现 适用于计算机类毕业设计&#xff0c;课程设计参考与学习用途。仅供学习参考&#xff0c; 不得用于商业或者非法用途&#xff0c;否则&#xff0c;一切后果请用户自负。 看运行截图看 第五章 第四…

一文深度解读多模态大模型视频检索技术的实现与使用

当视频检索叠上大模型Buff。 万乐乐&#xff5c;技术作者 视频检索&#xff0c;俗称“找片儿”&#xff0c;即通过输入一段文本&#xff0c;找出最符合该文本描述的视频。 随着视频社会化趋势以及各类视频平台的快速兴起与发展&#xff0c;「视频检索」越来越成为用户和视频平…

SpringBoot 自定义Filter 提前返回 CORS 错误 处理前后端分离跨域配置无效问题解析

前言 浏览器有跨域限制&#xff0c;非同源策略 (协议、主机名或端口不同) 被视为跨域请求&#xff0c;解决跨域有跨域资源共享(CORS)、反向代理和 JSONP的方式。本篇通过 SpringBoot 的资源共享配置 (CORS) 来解决前后端分离项目的跨域&#xff0c;以及从原理上去解决跨域配置…

负载均衡流程

1、负载均衡流程图 2、触发负载均衡函数trigger_load_balance void trigger_load_balance(struct rq *rq) { /* Dont need to rebalance while attached to NULL domain */ if (unlikely(on_null_domain(rq)))//当前调度队列中的调度域是空的则返回 return; i…

【嵌入式学习】C++QT-Day1-C++基础

思维导图&&笔记 见我的博客&#xff1a;https://lingjun.life/wiki/EmbeddedNote/19Cpp 作业&#xff1a; 提示并输入一个字符串&#xff0c;统计该字符中大写、小写字母个数、数字个数、空格个数以及其他字符个数 要求使用C风格字符串完成 #include <iostream&…

[MRCTF2020]Ez_bypass1

代码审计&#xff0c;要求gg和id的MD5值相等而gg和id的值不等或类型不等 相同MD5值的不同字符串_md5相同的不同字符串-CSDN博客 不过这道题好像只能用数组 下一步是passwd不能是纯数字&#xff0c;但是下一个判断又要passwd等于1234567 这里通过passwd1234567a实现绕过 原…

二叉树自顶向下递归和自底向上递归

二叉树自顶向下递归 自顶向下&#xff08;top-down&#xff09; 和前序遍历紧密关联&#xff08;根->左->右&#xff09;当前节点的情况依赖于其父节点的情况考虑完父节点&#xff0c;再考虑当前节点 LeetCode 104. 二叉树的最大深度 class Solution {int ans;public…

数据库学习命令总结(持续更新)

单行注释&#xff1a;以#或--进行单行注释 多行注释&#xff1a;使/* 注释内容 */进行多行注释 使用--时须在最后一个-后添加至少一个控制字符&#xff08;如空格、制表符、换行符等&#xff09;防止注释--与减法运算的混淆 1、DDL数据定义语言 1.1数据库操作 1、创建数据库…

3D点云数据的标定,从搭建环境到点云标定方法及过程,只要有一台Windows笔记本,让你学会点云标定

ptscloudpre: 点云标定准备&#xff1a; 说明&#xff1a; 如下介绍适用windows系统的电脑。apple笔记本同理&#xff0c;但是需要安装MAC版本的anaconda。网址&#xff1a;Free Download | Anaconda可下载对应MAC版本的Anaconda的安装包建议下载2022年或2021年的安装包安装。…

ModuleNotFoundError No module named ‘bs4‘ 问题处理

ModuleNotFoundError: No module named ‘bs4’ 问题处理 在使用Postgres数据库时&#xff0c;因为SQL脚本中使用到了xml_killer函数&#xff0c;导致直接报错&#xff1a; org.postgresql.util.PSQLException: ERROR: ModuleNotFoundError: No module named ‘bs4’ 后来在…

Java中的Service

七. Service 1. 数据与逻辑分离 之前我们讲面向对象设计&#xff0c;都是把数据和逻辑放在一起&#xff0c;这是理想情况。 现实情况是&#xff0c;把对象分为两类&#xff0c;一类专门存数据&#xff0c;一类专门执行逻辑 存数据的就是一个 Java Bean 存逻辑的叫做 XxxSe…

CentOS 7安装Mysql+Mycat

安装MySQL yum源 yum localinstall http://repo.mysql.com//mysql57-community-release-el7-7.noarch.rpm修改源 vi /etc/yum.repos.d/mysql-community.repo [mysql-connectors-community] nameMySQL Connectors Community baseurlhttp://repo.mysql.com/yum/mysql-connectors…