目的:1.任何元素,只需要插入v-drag即可拖动,2.可根据自定义属性控制结束拖动后是否吸附最近的墙面(屏幕边界)3.可根据自定义属性来判断pc与移动端,分别执行mouse事件和touch事件首先声明一个对象,并拥有install方法,然后将其暴露出去。不多解释,官方文档已经很明确了。const VDrag = {} VDrag.install = function (Vue) { } expo
一、 引入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阅读
npm install ant-design-vue@2.0.0-rc.3 --save项目引入组件
原创 2021-11-11 10:32:42
440阅读
推荐几个比较流行的VUE3 UI框架,同时提供出色的开发人员体验,合理利用,又或者学习借鉴都是不错的选择,排名不分先后。Ant Design VueAnt Design Vue 是一个非常成熟的框架,使用 Ant Design Vue 创建用户界面非常简单,这些组件可以适应各种图标样式、字体和黑色主题。Ant Design Vue 不断改进其60多个组件,基本覆盖项目大部份需求,而且使它们变得更好
npm install ant-design-vue@2.0.0-rc.3 --save项目引入组件
原创 2022-02-14 10:19:56
1118阅读
在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.net WebApi开发学生信息管理系统,简述前后端分离开发的主要相关内容,仅供学习分享使用在本示例项目中,主要包含两大部分:1.前端web项目【vsims.web】2.后端webapi项目【vsims.webap
#1、表格 1)分页表格 <template> <a-table :rowSelection="rowSelection" :columns="columns" :dataSource="data" :pagination="ipagination"/> </template> <script> c
Vue
原创 2021-07-13 16:56:31
429阅读
vue3 实现组件拖拽小案例一.实现效果将不同组件拖拽至展示区展示拖拽前拖拽后,取消后还原(没有动态演示真抱歉)二.实现过程页面基本样式<template> <div class="drag-view"> <!-- 拖拽页面基本布局 --> <div class="drag-left"> 预览区 <d
https://www.antdv.com/docs/vue/getting-started-cn 模板 https://preview.pro.antdv.com/form/advanced-form
原创 11月前
26阅读
antd-design-vue 部分组建参考文档1.组件 1.1 radio 赋值 取值 传值 校验 1.2 checkbox 赋值 取值 传值 校验 1.3 select 赋值 取值 传值 校验 1.4 日期组件 赋值 取值 传值 默认值 格式 1.5 组件必填标志 1.6 图片上传组件 ,格式限制 大小限制 查看大图 多图上传 多图展示 图片组件增删改查 1.7 附件上传组件
项目参考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阅读
1.获取数据首先,数据自然是tree结构的,这中间自然会有一些对数据的处理,说一下常用处理:将扁平化数据处理为tree结构数据  将数据的属性处理为组件要求的属性解决该组件的一些问题,优化  1.将数据的属性处理为组件要求的属性 使用组件提供的该属性:replaceFields="{ key:'id',title:'name',child
介绍前端世贤编辑好页面的各种信息,送给后端。前端请求时,后端需要返回符合权限的页面信息,并实例化生成路由。配置权限的前提,是前端需要先编写好所有的页面与按钮,并且将正确的组件地址、路由等信息告诉后端;按钮权限也需要先在按钮上编写好权限标识的参数,这样后端提供权限信息时,前端才能控制页面、控制权限展示出来。一般来说,在登录成功的时候,就要获取这些信息了。而提供参数的方法,后台系统一般都有菜单管理,基
转载 2024-04-23 21:34:00
217阅读
文章目录1.案例部分代码2. 简述3.案例代码1.案例部分代码 <a-table :colum
原创 2022-09-07 06:52:19
771阅读
写在前面更换电脑资料丢失,暂停学习组件封装,开始重新学习vue2和3,组件封装将在学习完后重新学习 由于是学习记录使用,存在不完善的地方,会在全部学习完之后进行完善和放出源代码(应该),感谢阅读步骤创建基础模板创建.vue文件,命名为apl-button.vue,使用快捷键放上组件三件套(template,script,style) 在template中给上一个原生button使用动态类名类名使用
1、组件是什么?答:组件是包含数据、逻辑功能、展现样式的代码片段。2、封装公共组件要注意哪些事项?答:1)可读性。公共组件是团队协作的基础,可读性就显得尤为总要,怎么增加组件的可读性呢?首先组件命名要语义化,大家看到组件就一目了然,知道该组件的功能是啥;其次我们组件要有一个清晰明了的注释,演示组件用例,属性、参数、方法说明,让大家几乎不用动脑就可以完美使用。/** * 表格筛选器组件 * *
转载 2024-09-20 10:34:25
73阅读
01、Vue3.x简介、搭建Vue3.x环境、创建运行Vue3.x项目、分析Vue3.x目录结构(17分41秒) 02、Vue3.x绑定数据、绑定html、绑定属性、循环数据(30分24秒) 03、Vue3.x中的事件方法入门、模板语法模板中类和样式绑定(29分50秒) 04、Vue3.x中的事件方法详解、事件监听、方法传值、事件对象、多事件处理程序、事件修饰符、按键修饰符(24分34秒) 05、
转载 2024-08-12 08:29:25
85阅读
开发模式预览 demo在开发一个 ui 组件库时,肯定需要一边预览 demo,一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件,比如通过 vue-cli 初始化项目,或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置(比如 muse-ui)。展示文档作为一个 ui 组件库,也肯定要有自己的组件展示文档。一般业界常
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤:一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升
转载 2024-04-26 11:08:13
259阅读
今天写vue里面通过接口反参动态加载组件时候 跟着同学。。。学习到了一、先说说vue 内置组件 component 的用法component组件可以来专门用来进行组件的切换,使用is来绑定你的组件名,本次系统写的比较简单。。。  此处::is='组件名'可以直接条用组件。因为全页面有十个组件加载,所以用到了循环、数组。就遇到了在方法里可以打印数组里的值,但绑定组件名的地方获取不
  • 1
  • 2
  • 3
  • 4
  • 5