标题Ant Design of Vue 组件库中Modal“确认“按钮和“取消“按钮成英文状态

最新推荐文章于 2024-04-18 18:14:17 发布
最新推荐文章于 2024-04-18 18:14:17 发布
阅读量3.3k 收藏 1
点赞数 3
分类专栏： antd组件库 文章标签： javascript vue.js node.js reactjs typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44933280/article/details/115962029
版权
在使用Ant Design of Vue的Modal组件时，由于国际化设置，确认和取消按钮显示为英文。解决办法是通过设置okText和cancelText属性来自定义按钮的文字，即使在尝试更改本地化设置无效后，也能通过直接在Modal组件中设置这两个属性实现中文显示。
摘要由CSDN通过智能技术生成

标题Ant Design of Vue 组件库中Modal"确认"按钮和"取消"按钮成英文状态

因为是国际化的原因，造成确定按钮和取消按钮变成英文，需要设置 okText 与 cancelText 以自定义按钮文字。

<div>
      <a-modal v-model="visible" title="功能模块配置" @ok
最低0.47元/天 解锁文章
杨蜀黍
关注
专栏目录
Vue - 详细实现 Ant Design Vue 组件库中，使用 Modal 对话框 content 内容解析富文本教程，如何在弹框内部解析富文本数据并显示出来。 （提供示例代码，一键复制。）
王佳斌
07-27 4846
Vue - Modal 对话框 content 内容解析富文本 （Ant Design Vue），ant design vue Modal content 想传入 VNode 被解析成正常字符串了，antd `this.$confirm` 框中的数据content怎么解析富文本， `this.$info` 中的 content 换行解析富文本，无法VNode怎么使用，`` 与 JS 形式（this.$xxx）调用 Modal 模态框内 content 属性中插入后台接口请求的富文本数据..........
解决 ant design 组件显示英文的问题
weixin_72099243的博客
03-10 1295
然后去使用 ConfigProvider 包裹住 <App / > 组件进行配置。这是因为你使用了组件库但是没有配置国际化导致的！直接在根 index.js 中去进行引入。
使用antd-design-vue配合vue框架搭建项目使用组件显示英文的解决办法
Benz_s600的博客
08-21 3283
前言:公司项目使用vue框架搭建，但客户方需要使用antd-design-vue这个ui框架进行ui视图，所以我们在搭建的时候碰到了这样一件事情，使用的组件都是英文状态,比如 我们想要这里变成中文的 页 怎么办呢 1.找到官网 https://www.antdv.com/components/locale-provider-cn/ 备注：官网显示的是有这两段代码,但是我们并没有下载，所以会报错，删除即可 import moment from 'moment'; import 'moment/local
antdesign 组件中的文字默认是英文怎么办
最新发布
笔记、经验、日常分享
04-18 1026
antdesign（antd）目前的默认文案（语言）是英文，如果需要使用其他语言，需要引入语言包，进行一下配置即可。通过在应用的最外层包裹ConfigProvider组件，并为其locale属性传入中文语言包zh_CN来实现。这样，所有的Ant Design组件都将默认使用中文显示。
confirm弹窗确定按钮换文字_Modal.confirm违反了React的模式吗？
weixin_39600366的博客
11-20 682
如何评价 Ant Design 这个项目（一个设计语言）？这是一篇临时起意的文章，我参与了一点上图中的讨论，正好有点时间，索性拉篇文章专门聊聊。首先说结论：我不认为Modal.confirm以及类似的API是anti-pattern，尽管antd作者 @偏右悄悄地 也说Modal.confirm“并不符合React哲学”。什么是“React模式”？很多人都见过这个公式——view = f(data...
在react工程中使用antd组件时，组件显示语言英文切换的方式
weixin_48192626的博客
07-28 1695
antd组件所显示的语言是本工程所采用的默认语言，修改方法为在入口文件src/index.js中引入zhCN,然后在render中使用，如下图 import zhCN from 'antd/es/locale/zh_CN'; ReactDOM.render( <ConfigProvider locale={zhCN}> <App /> </ConfigProvider>, document.getElementById('root') ); .
解决ant design pro关闭国际化全球化的语言问题
weixin_41891519的博客
11-21 7142
ant design pro关闭国际化全球化的语言 在src目录下的defaultSettings.js文件 里面的disableLocal改为true时代表关闭全球化国际化，这样控制台就不会报错。 当disableLocal改为false.代表开启全球化国际化 ...
AntDesignVue一个基于AntDesign和Vue的企业级UI组件库
08-14
**AntDesignVue：基于Ant Design和Vue的企业级UI组件库** AntDesignVue是开发者们用于构建企业级前端界面的重要工具，它将阿里巴巴的Ant Design设计理念与Vue.js框架完美结合，提供了一系列高质量、易于使用的UI...
Ant Design of Vue v1.7.2 使用教程.pdf
05-23
而Ant Design of Vue则是这一设计体系的Vue实现版本，它提供了一系列企业级后台产品中所需的交互语言和视觉风格。 在文档的目录中，我们可以看到Ant Design of Vue的主要内容包括以下几个方面： 1. 快速上手：这...
ant-design-draggable-modal:Ant Design的Modal，可拖动
05-02
yarn add ant-design-draggable-modal 注意：您必须使用react@16.8.0和react-dom@16.8.0或更高版本。 :hammer: 用法 import React , { useState , useCallback } from 'react' import { Button } from 'antd' ...
confirm弹窗确定按钮换文字_基于 vue+layer.js 超青睐的弹窗组件VueLayer
weixin_39984982的博客
11-21 426
今天给大家分享一个功能强健高水准的web弹窗组件VueLayer。vue-layer 一款备受web开发者青睐的layer.js弹窗组件的vue.js版本。拥有丰富友好的操作体验及文档，兼容主流浏览器。安装$ npm i vue-layer -S引用import Vue from 'vue';import layer from 'vue-layer'import 'vue-layer/lib/vu...
uniapp,uni.showModal如何修改默认(取消,确认)文字,将其改成英文或其他语言
SLife4599的博客
03-18 7045
最近写到一个双语的项目,遇到了一个问题,uni.showModal如何修改默认(取消,确认)文字,查看了一下文档,找到了解决方案,很简单一句话搞定 只需添加两个字段即可:confirmText / cancelText 来个简单的对比 默认的提示语 uni.showModal({ title: '更新提示', content: '新版本已经准备好，是否重启应用？', success(res) { if (res.confirm) { // 新的版
Vant- Dialog按钮确认和取消事件（配合van-swithc）
youyi7890的专栏
09-09 4634
判断true，false，要在.then(),.catch()
把antd组件的英文切换为中文
simple_T的博客
01-17 857
把antd组件的英文切换为中文。
第四章 确认（confirm 消息对话框）
闽南土著
04-27 376
confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。 弹出对话框(包括一个确定按钮和一个取消按钮)。 语法: confirm(str); 参数说明: str：在消息对话框中要显示的文本 返回值: Boolean值 返回值: 当用户点击"确定"按钮时，返回true 当用户点击"取消"按钮时，返回false 注: 通过返回值可以判断用户点击了什么按钮 看下
基于Antd的模态框modal不显示 确认和取消按钮
cat_want_fly的博客
08-10 5938
基于Antd的模态框modal不显示 确认和取消按钮
vue项目中使用iview插件中this.$Modal.confirm修改按钮样式
weixin_49281747的博客
04-09 4445
在iview的modal中，this.$Modal.confirm的取消按钮默认是无边框颜色的，但是因为项目UI的设计需要在选中的时候有边框效果，在选中时也需要有边框效果，经过查询官方文档，render只是修改content内容，并没有针对footer的修改方式，因此只能采取修改全局样式的方法，具体代码如下 最终效果如下 ...
ant design vue学习之Button按钮
qq_53821346的博客
03-31 2436
本篇文章记录了自己对ant design vue的button按钮的一些学习记录
vue3使用antdesignOfvue组件库的Spin 与modal时，使spin覆盖modal
06-03
你可以在使用Spin组件时，将其作为Modal组件的子组件，这样Spin组件就可以覆盖Modal组件。具体实现可以按照以下步骤进行： 1. 在需要使用Modal组件的地方，引入Spin组件并注册： ```javascript import { Spin } ...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值