#antd-icons-vue_51CTO博客

vue 引用 Ant Design Icons

vue引用vee-validate插件表单验证（cdn方式引入）之前用的是webpack打包工具写的项目，后来需求改成静态页面的方式，所以又要把一些引入方式改过来，这就是前端麻烦的地方。网上也有很多npm引入方式的，主要是老版本和新版本vee-validate引起的问题（特别是中文错误提示的引用问题），我这里写一下关于cdn方式引入，中文包配置的问题。一、 CDN方式（官网）<!-- jsd

Vue

表单验证

Vee-validate

错误提示

数字字符

转载

killads

5月前

19阅读

antd vue1 单页面demo antd vue element

在开发后台管理系统中，经常会碰到合计行的需求，element有直接的属性可以使用，antdvue的需要手动去生成如图为实现合计后的效果 1。首先给table配置column的时候，要明确哪些字段需要使用合计，如上图，只有总板数需要使用合计，那给总板数的配置加上标识符即可,我这里为了方便辨识，直接增加了 su

antd vue1 单页面demo

vue.js

elementui

typescript

Source

转载

mob64ca14144dde

2024-04-25 17:34:29

44阅读

antd vue 上传customrequest

醉卧沙场君莫笑，古来征战几人还。一、简介数据驱动的图形编辑引擎，以流程图展示关系流程，支持拖拽二、基础使用所有图表示例1. 实现一个最简易的Graph⑴. 安装# npm $ npm install @antv/x6 --save # yarn $ yarn add @antv/x6 ⑵. vue代码react 的通道 -><template> <div i

javascript

前端

vue.js

Graph

JSON

转载

小题大作

6月前

106阅读

1.全局样式色彩色彩体系主要分为两个层面：系统色彩体系以及产品色彩体系；系统色彩体系是系统的一些基础颜色，产品级色彩体系更多的是根据产品诉求不同而使用的颜色（像品牌色，功能色之类的）色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的布局UI界面的空间布局要基于「动态、体系化」的角度出发展开，建议从以下5个方面出发统一的画板尺寸：统一设计板尺寸适配方案：判断系统是否需要适配，哪些区域是需要动

antd design vue栅格

javascript

表单

数据

设计原则

转载

架构设计师

10月前

73阅读

antd vue router 路由

1. 路由登陆后跳转到主页： router/index.js 配置 // Avoided redundant navigation to current location const originalPush = Router.prototype.push Router.prototype.push

json

ide

html

原创

wx5b6d6c951e615

2022-09-20 11:59:40

276阅读

antd vue tablelist 模板

<template> <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300,y:1500}" class="tb_list" ref="table" :pagination="{ current: table.pageN

ide

原创

wx5b6d6c951e615

2022-09-20 12:02:45

35阅读

vue antd axios 使用

接口请求：安装：npm install axios --save main.js配置 import axios from 'axios'; import qs from 'qs'; Vue.prototype.$axios=axios; Vue.prototype.qs=qs; axios.def

ios

json

表单

原创

wx5b6d6c951e615

2022-09-20 12:03:41

112阅读

vue antd 动态table

效果图： <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor

i++

javascript

原创

wx5b6d6c951e615

2022-09-20 12:02:32

883阅读

vue +antd 动态表单

先说下效果：代码： <template> <div> <a-card title="form-data" :bordered="true" style="width: 40%"> <div> <a-form ref="form" layout="inline" :model="form" > <d

ico

原创

wx5b6d6c951e615

2022-09-20 12:02:51

786阅读

antd vue description定义字符串加标签 antd vue教程

一、搭建基础环境1. 正常有两种使用vue的方式（1）第一种直接在html中引入vue脚本使用（简单的代码书写,本人就不在展示了，有兴趣的看Vue直接引入js）（2）第二种使用webpack进行构建（可以书写复杂的代码，推荐）2. 使用webpack构建环境准备（1）本人环境（2）按照下列顺序安装node.js安装教程npm使用介绍（安装后建议使用国内的淘宝镜像cnpm,当然cnpm有时安装会导

vue.js

node.js

javascript

js

es6

转载

mob64ca13f83523

2024-03-07 13:07:38

221阅读

antd vue2 表单动态rules不生效 antd vue form

最近开发中使用到了Antd这款世界上最受欢迎的（前段时间还是第二）React-UI框架，而这个表单（Form）我看眉清目秀的，来，让哥哥来康康······功能收集输入表单容器（input、select）内容根据校验规则进行内容校验并显示结果APIcreategetFieldDecoratorgetFieldValuegetFieldsValuesetFieldsValue····

antd vue form 手动校验

校验form表单字段

表单

数据

UI

转载

mob64ca13fae001

2024-04-01 01:04:55

586阅读

vue antd table行选中

a-table组件中加入以下两个属性:customRow="rowClick":rowClassName="rowClassName"/*** @Author: 路博欢* @Date: 2

vue.js

javascript

前端

搜索

分页

原创

wx6409a261df68a

2023-03-09 17:22:40

743阅读

antd vue message 全局使用

vue2.x 适合使用 main.js如下： import 'ant-design-vue/dist/antd.css'; import { message } from 'ant-design-vue'; Vue.prototype.$message = message; Vue.use(Antd

css

原创

wx5b6d6c951e615

2022-09-20 12:02:40

276阅读

antd vue descriptions高度问题

vue antd的menu组件使用实现效果记录实现的主要几步1、数据处理2、布局3、功能实现，搜索标题则当前菜单高亮，右侧则显示对应的内容用到menu菜单时，需要注意它的api右侧显示content内容实现效果注：我这里的输入框，搜索的时候是只支持搜索标题，支持模糊搜索记录实现的主要几步1、数据处理在写静态页面的时候需要写假数据，会与后台沟通，这个地方菜单后期会返回什么样的数据结构，有的后台

搜索

高亮

数据结构

转载

deanyuancn

2024-10-07 09:26:33

85阅读

android和vue开发 vue和antd

安装antd-vue并按需加载(详见 https://www.antdv.com/docs/vue/use-with-vue-cli-cn/ )注：antd-vue2.0+和antd-vue3.0+都是只支持vue3.0+。只有ant-vue1.0+才支持vue2.0+ 1、yarn add ant-design-vue@1.7.8 2、yarn add babel-plugin-import 3

android和vue开发

vue

antd

分页

css

转载

IT智行者

2023-08-02 15:51:33

101阅读

Vue与antd结合使用

什么是antd？antd是蚂蚁集团旗下开发的一款优秀的前端UI框架，目前这个框架支持Vue和React。这个框架主要用于开发企业级的后台产品，如果想开发移动端应用的话可以选择Ionic。选择合适的官方文档在antd vue官网上选择2.x的antd，因为这个版本对应的是vue3的。使用步骤在已有的antd项目中安装antd。npm i --save ant-design-vue@next在入口文件中引入antd以及antd.css，并挂载到vue身上。import Ant

vue.js

javascript

前端

上传

文件名

原创

wb59770b05237ae

2022-02-25 11:18:47

1800阅读

JavaScript vue 和antd关系

# JavaScript、Vue 和 Ant Design 的关系在现代Web开发中，JavaScript、Vue.js 与 Ant Design 之间的结合能够帮助我们构建出高效且美观的用户界面。本文将为您详细讲解如何将这三者联系起来，以便实现一个简单的应用程序。 ### 流程概览以下是将 JavaScript、Vue 和 Ant Design 结合的步骤： | 步骤 | 描述 |

Vue

应用程序

用户界面

原创

mob649e815a6b81

10月前

108阅读

vue antd动态定义rulesInfo

一、插槽slot()1.1简单插槽slot【功能】用于从父组件中，通过子组件写成双标签，向子组件中放入自定的内容parent.vue【1】首先把child写成双标签样式，把要插入的内容放双标签中间【注】如果要控制样式在父组件中，在子组件中写样式都可以<template> <div class="parent"> <span>父组件</span

插槽

数据

函数实现

转载

doscommand

10月前

64阅读

A web for icons

http://www.tucoo.com/index_web.htm

其它

转载

一个傻傻的IT民工

2007-10-22 13:31:00

52阅读

vue3 中使用 svg-icons

1、在项目中安装 vite-plugin-svg-icons npm install vite-plugin-svg-icons2、打开 vite.config.ts 文件，添加注释为【svg-icons相关】的代码import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'

ico

App

css

原创

indigotang

2022-12-09 17:09:52

2837阅读

1点赞

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

#antd-icons-vue

vue 引用 Ant Design Icons

antd vue1 单页面demo antd vue element

antd vue 上传customrequest

antd design vue栅格

antd vue router 路由

antd vue tablelist 模板

vue antd axios 使用

vue antd 动态table

vue +antd 动态表单

antd vue description定义字符串加标签 antd vue教程

antd vue2 表单动态rules不生效 antd vue form

vue antd table行选中

antd vue message 全局使用

antd vue descriptions高度问题

android和vue开发 vue和antd

Vue与antd结合使用

JavaScript vue 和antd关系

vue antd动态定义rulesInfo

A web for icons

vue3 中使用 svg-icons

vue3 引入antDesign vue+antd

vue-antd form组件封装

antd vue 修改modal弹窗样式

antd Vue--this.$confirm弹窗使用

vue antd table title 动态修改

antd of vue兼容ios12

javascript和vue和antd关系

antd vue 自定义customRequest

封装antd design vue table 组件

antd vue select可选可清空