Vue3项目中 Ant Design Vue全局配置项使用及 网站标题、图标修改

news/2024/5/14 4:09:11/文章来源:https://blog.csdn.net/weixin_49014702/article/details/125335451

1、Ant Design Vue全局配置项

Ant Design Vue官网:https://www.antdv.com/components/overview-cn

 

 antdv的全局配置一般用于

参数说明类型默认值版本
autoInsertSpaceInButton设置为 false 时,移除按钮中 2 个汉字之间的空格booleantrue
componentSize设置 antd 组件大小small | middle | large-3.0
csp设置 Content Security Policy 配置{ nonce: string }-
direction设置文本展示方向。 示例ltr | rtlltr3.0
dropdownMatchSelectWidth下拉菜单和选择器同宽。默认将设置 min-width,当值小于选择框宽度时会被忽略。false 时会关闭虚拟滚动boolean | number-
form设置 Form 组件的通用属性{ validateMessages?: ValidateMessages, requiredMark?: boolean | optional, colon?: boolean}-3.0
getPopupContainer弹出框(Select, Tooltip, Menu 等等)渲染父节点,默认渲染到 body 上。Function(triggerNode, dialogContext)() => document.body
getTargetContainer配置 Affix、Anchor 滚动监听容器。() => HTMLElement() => window3.0
input设置 Input 组件的通用属性{ autocomplete?: string }-3.0
locale语言包配置,语言包可到 ant-design-vue/es/locale 目录下寻找object-1.5.0
pageHeader统一设置 pageHeader 的 ghost,参考 pageHeader{ ghost: boolean }'true'1.5.0
prefixCls设置统一样式前缀。注意:需要配合 less 变量 @ant-prefix 使用stringant
renderEmpty自定义组件空状态。参考 空状态slot | Function(componentName: string): VNode-
space设置 Space 的 size,参考 Space{ size: small | middle | large | number }-3.0
transformCellTextTable 数据渲染前可以再次改变,一般用户空数据的默认配置Function({ text, column, record, index }) => any-1.5.4
virtual设置 false 时关闭虚拟滚动boolean-3.0

2、Vue3项目使用Ant Design Vue全局配置项

 示例代码如下:

<template>
<a-config-provider :locale="locale">
<router-view/>
</a-config-provider></template>
<script setup>
import {ref} from 'vue'
import { ConfigProvider  as AConfigProvider} from 'ant-design-vue';
//语言包
import zhCN from 'ant-design-vue/es/locale/zh_CN';
const  locale=ref(zhCN);
</script>
<style lang="less"></style>

2、改变、给网站顶部标题赋值

如图: 

这里便是网站的标题 如需改变网站标题可使用

 document.title="标题内容"

3、改变网站图标

 document.querySelector('link[rel="icon"]').href=""

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

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

相关文章

大型网站技术架构(二)架构模式

2019独角兽企业重金招聘Python工程师标准>>> 每一个模式描述了一个在我们周围不断重复发生的问题及该问题解决方案的核心。这样&#xff0c;你就能一次又一次地使用该方案而不必做重复工作。 所谓网站架构模式即为了解决大型网站面临的高并发访问、海量数据、高可靠…

大型网站技术架构(二)架构模式

2019独角兽企业重金招聘Python工程师标准>>> 每一个模式描述了一个在我们周围不断重复发生的问题及该问题解决方案的核心。这样&#xff0c;你就能一次又一次地使用该方案而不必做重复工作。 所谓网站架构模式即为了解决大型网站面临的高并发访问、海量数据、高可靠…

超全的选品资源网站分享

从劳工节、万圣节到黑色星期五、圣诞节&#xff0c;所有卖家都将迎来不可错过的电商旺季。而备战旺季的第一步么就是赢在选品。把握商机符合市场潮流的选品能够让卖家事半功倍&#xff0c;快速爆单。 本篇文章小编不是提供最新的选品信息&#xff0c;小编提供的是选品网站和选…

亚马逊A9算法解析,seo 的思维做亚马逊排名

如何将站内搜索排名做到前列&#xff0c;一直都是大部分卖家比较关心的问题。很多亚马逊卖家都听说过平台内的搜索引擎中有A9算法&#xff0c;虽然官方没有正式提出SEO这个概念&#xff0c;但是SEO玩法却是在这个平台中真实存在的。 Amazon搜索引擎和常规搜索引擎有什么不同&a…

亚马逊关键词工具网站梳理

在跨境电商平台中&#xff0c;流量最大的还是属于搜索流量。所以如何设置搜索词&#xff0c;如何抓取到最优价值的搜索词&#xff0c;成为困扰大家的难题。 随着物联网的发展&#xff0c;云计算、大数据已经蓬勃发展&#xff0c;离我们最近的就是淘宝、抖音等平台的推荐机制&a…

亚马逊 SEO 的排名因素

了解亚马逊平台上的两个基本排名因素 作为一名新的亚马逊企业家&#xff0c;您的产品拥有更高的排名会让您的流量更多。但是您将面临的是激烈的竞争和不断发展的 A10 搜索引擎算法&#xff0c;所以大多数公司聘请亚马逊 SEO 顾问寻求帮助。虽然目前没有确切的方法来确定 Amazo…

用 IIS 7、ARR 與 Velocity 建设高性能的大型网站

本帖是研讨会中的一些杂记&#xff0c;搭配一些官方的文档&#xff0c;经整合归纳后&#xff0c;介绍 IIS 7 如何搭配新一代的 ARR (Application Request Routing)&#xff0c;建置 Server Farm 并达到比过去 NLB 更优的 Load Balancing 功能&#xff0c;此外还介绍微软新一代的…

想学网站建设与设计的书籍_网站建设中关于网站设计的重要性

原标题&#xff1a;网站建设中关于网站设计的重要性网络的不断发展促使着众多企业开始在网络上开辟一席之地&#xff0c;网站搭建、网站设计、网站优化等等一系列的需要随之而来。当大家都在做网站时&#xff0c;网站建设的更优秀、排名更靠前的企业往往会脱颖而出&#xff0c;…

python中data.find_all爬取网站为空列表_抓取1400篇Python文章后的故事(内附高质量Python文章推荐)...

如何写好一篇技术文章呢&#xff1f;或者说如何写好一篇Python的技术文章&#xff1f;这应该是技术人都会思考的问题&#xff0c;带着这个问题&#xff0c;我抓取了技术网站伯乐在线的关于Python文章的一些信息&#xff0c;来做一些简单的分析。考虑到每一种语言每一项技术的不…

c++builder 运行网站的api_从0开始构建你的api网关Spring Cloud Gateway网关实战及原理解析...

API 网关API 网关出现的原因是微服务架构的出现&#xff0c;不同的微服务一般会有不同的网络地址&#xff0c;而外部客户端可能需要调用多个服务的接口才能完成一个业务需求&#xff0c;如果让客户端直接与各个微服务通信&#xff0c;会有以下的问题&#xff1a;客户端会多次请…

网站访问量怎么刷_龙岗网站优化服务有哪几种SEO模式

双赢世讯SEO网站优化&#xff0c;通过摸索出搜索引擎排名的规律&#xff0c;重新整合网站建设&#xff0c;使网站建设各项指标更加符合用户的搜索习惯&#xff0c;从而提高网站在搜索结果页中的位置排名。这种方式虽然周期比较长&#xff0c;但是效果也更持久。然而&#xff0c…

前端另存为 保存_网站开发-前端如何调试

如果您使用过高级开发语言&#xff0c;比如C&#xff0c;C#&#xff0c;Java等&#xff0c;然后再去接触网站开发时&#xff0c;会发现不能编译是件多么痛苦的事情。C等语言都是静态语言&#xff0c;对类型有严格要求&#xff0c;所以编码时的不规范很容易被编译器指出来&#…

情侣的网站代码java_一个创意满满的情侣网站

演示地址&#xff1a;182.254.213.223/yuanJu/index.jsp(这里要两人注册&#xff0c;可以直接账号密码登录&#xff0c;否则游客基本什么都看不了。pc端网站&#xff0c;没有适配移动端。账号&#xff1a;小峰&#xff0c;密码&#xff1a;zhangfeng)先说说最初设计的构想&…

ASP.net:网站实时监视系统的设计和实现

ASP.net:网站实时监视系统的设计和实现  摘 要: 本文提出了基于操作系统内核服务和多线程技术的网站实时监视系统&#xff0c;解决了以往监视系统不能及时恢复异常网页的问题。重点介绍了系统的传送控制部分和监视部分   关键词: 实时监视&#xff1b;多线程&#xff1b;AP…

在Win2003中部署ASPX网站

【简 介】 Windows下的WWW服务器以其架设方便、操作简单、系统部署的成本比较低等赢得了很多人的青睐&#xff0c;下面笔者将以Windows Server 2003为例来介绍如何配置一个Web服务器&#xff0c;望能对刚入门同志有所帮助。 一、架设Web服务器 默认安装的Windows Server 2003…

2.网站的运行原理

我们在用高级语言建立动态网页时&#xff0c;是放在服务器上运行&#xff0c;然后会在客户端请求时显示于客户端&#xff0c;当客户端提交后会提交到服务器&#xff0c;然后服务器会把相关结果传给客户端。 就如同在银行开户时一样&#xff0c;你先写个请求表单&#xff0c;把表…

php环境配置中各个模块在网站建设中的功能

上一篇配置环境的时候&#xff0c;我们注意到&#xff0c;有四个模块需要配置&#xff0c;那么&#xff0c;这四个模块分别有哪些功能呢&#xff1f; 一、php php是我们的用来创建动态网页的强有力的脚本语言&#xff0c;安装过程中我们直接解压到某一个路径就好了&#xff0c;…

网站部署不成功——Win7 64位 IIS未能加载文件或程序集“System.Data.SQLite”或它的某一个依赖项

系统部署失败。 原因&#xff1a;未能加载文件或程序集“System.Data.SQLite”或它的某一个依赖项 解决方案&#xff1a; 1、需要在IIS里设置&#xff0c;设置应用程序池——启用32位应用程序 把启用32位应用程序的false改为true 2、下载 System.Data.SQLite.dll 的64位驱…

学用MVC4做网站六后台管理:6.1.3管理员修改密码

6.1.3修改密码 需要两个action。一个是点击修改密码的链接要显示修改密码的分部视图&#xff08;对话框形式&#xff09;&#xff1b;另一个是提交的处理action。 1、打开【AdministratorController】添加返回分部视图[ChangePassWord()]action /// <summary>/// 修改密码…

全球酷站秀:10个精美的国外购物网站设计

国外购物网站设计和国内的还是有很大的差别&#xff0c;我们可以从中学习好的设计理念并融入自己的购物网站设计中。这篇文章收集了10个精美的国外购物网站设计&#xff0c;一起欣赏。 您可能感兴趣的相关文章20个优秀的国外电子商务网站设计案例分享50个优秀的电子商务网站设计…