npm install ant-design-vue@2.0.0-rc.3 --save项目引入组件
原创
2021-11-11 10:32:42
440阅读
npm install ant-design-vue@2.0.0-rc.3 --save项目引入组件
原创
2022-02-14 10:19:56
1118阅读
一、 引入ant design of vue 组件库二 、使用axios进行数据交互在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource, Vue 更新到 2.0 之后,官方就不再更新 vue-resource。作者尤雨溪推荐使用axios:最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios、s
转载
2024-04-30 22:15:05
487阅读
vue引用vee-validate插件表单验证(cdn方式引入)之前用的是webpack打包工具写的项目,后来需求改成静态页面的方式,所以又要把一些引入方式改过来,这就是前端麻烦的地方。网上也有很多npm引入方式的,主要是老版本和新版本vee-validate引起的问题(特别是中文错误提示的引用问题),我这里写一下关于cdn方式引入,中文包配置的问题。一、 CDN方式(官网)<!-- jsd
推荐几个比较流行的VUE3 UI框架,同时提供出色的开发人员体验,合理利用,又或者学习借鉴都是不错的选择,排名不分先后。Ant Design VueAnt Design Vue 是一个非常成熟的框架,使用 Ant Design Vue 创建用户界面非常简单,这些组件可以适应各种图标样式、字体和黑色主题。Ant Design Vue 不断改进其60多个组件,基本覆盖项目大部份需求,而且使它们变得更好
1.创建组件: 2.配置组件:router/index.js文件 3.引用组件: ...
转载
2021-08-30 17:05:00
632阅读
2评论
#1、表格 1)分页表格 <template> <a-table :rowSelection="rowSelection" :columns="columns" :dataSource="data" :pagination="ipagination"/> </template> <script> c
原创
2021-07-13 16:56:31
429阅读
vue3 实现组件拖拽小案例一.实现效果将不同组件拖拽至展示区展示拖拽前拖拽后,取消后还原(没有动态演示真抱歉)二.实现过程页面基本样式<template>
<div class="drag-view">
<!-- 拖拽页面基本布局 -->
<div class="drag-left">
预览区
<d
常用于展示鼠标 hover 时的提示信息。 该组件的痛点在于:
纯CSS实现;如何利用slot使组件易扩展,能够适应多种场景。1. 实例代码<!-- 基础用法 -->
<fat-hovertip>
<template slot="hover-part">
<fat-button>组件</fat-button&g
转载
2024-09-27 19:21:41
176阅读
antd-design-vue 部分组建参考文档1.组件
1.1 radio 赋值 取值 传值 校验
1.2 checkbox 赋值 取值 传值 校验
1.3 select 赋值 取值 传值 校验
1.4 日期组件 赋值 取值 传值 默认值 格式
1.5 组件必填标志
1.6 图片上传组件 ,格式限制 大小限制 查看大图 多图上传 多图展示 图片组件增删改查
1.7 附件上传组件
转载
2024-10-18 08:31:13
111阅读
https://www.antdv.com/docs/vue/getting-started-cn 模板 https://preview.pro.antdv.com/form/advanced-form
目的:1.任何元素,只需要插入v-drag即可拖动,2.可根据自定义属性控制结束拖动后是否吸附最近的墙面(屏幕边界)3.可根据自定义属性来判断pc与移动端,分别执行mouse事件和touch事件首先声明一个对象,并拥有install方法,然后将其暴露出去。不多解释,官方文档已经很明确了。const VDrag = {}
VDrag.install = function (Vue) {
}
expo
全局定义 main.js//定义自定义组件 import earlyservice from './components/earlyservice' Vue.use(earlyservice) 使用 <earlyservice></earlyservice> ...
转载
2021-07-22 18:45:00
552阅读
2评论
在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.net WebApi开发学生信息管理系统,简述前后端分离开发的主要相关内容,仅供学习分享使用在本示例项目中,主要包含两大部分:1.前端web项目【vsims.web】2.后端webapi项目【vsims.webap
转载
2024-05-11 22:58:57
47阅读
有时候,我们希望在一个vue界面引用另外一个vue界面,这个时候就可以使用vue组件引用了。首先写写一个vue组件,名字为MyCate<template> <div> <label>cat</label> <label>cat</label> <label...
原创
2021-07-14 11:43:30
333阅读
使用 ref 为子组件指定一个引用 ID。例如: 引用子组件: $refs 只在组件渲染完成后才填充,并且它是非响应式的。它仅仅是一个直接操作子组件的应急方案——应当避免在模板或计算属性中使用 $refs。 此方案可以用来父子通信。
转载
2018-11-05 17:37:00
272阅读
1.获取数据首先,数据自然是tree结构的,这中间自然会有一些对数据的处理,说一下常用处理:将扁平化数据处理为tree结构数据 将数据的属性处理为组件要求的属性解决该组件的一些问题,优化 1.将数据的属性处理为组件要求的属性 使用组件提供的该属性:replaceFields="{ key:'id',title:'name',child
转载
2024-03-27 11:52:05
523阅读
项目参考vue-cli3-web-initant-design配置部分1. 实现ant-disign-vue的按需加载方案(1)引入所有的组件,然后加载到vue上面 components-ant
(2)对Ant Design Vue进行文件声明处理// @/types/index.d.ts
declare module 'ant-design-vue' {
const Ant: any
e
转载
2024-06-06 23:18:01
216阅读
写在前面更换电脑资料丢失,暂停学习组件封装,开始重新学习vue2和3,组件封装将在学习完后重新学习 由于是学习记录使用,存在不完善的地方,会在全部学习完之后进行完善和放出源代码(应该),感谢阅读步骤创建基础模板创建.vue文件,命名为apl-button.vue,使用快捷键放上组件三件套(template,script,style) 在template中给上一个原生button使用动态类名类名使用
文章目录1.案例部分代码2. 简述3.案例代码1.案例部分代码 <a-table :colum
原创
2022-09-07 06:52:19
771阅读