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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、 引入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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            lesson10 
 
 
 
     
 
 
 
   1.demo    vue样本 
 
 
 
    <body> 
  
 
  
    <div id="myApp"> 
  
 
  
      
  
 
  
    </div> 
  
 
  
    </body> 
  
 
  
    <            
                
         
            
            
            
            说下思路,ant自己的a-upload组件,不好套拖拽,因为我们需要拖拽的是fileList,所以我就把组件自己的fileList搞成空了,自己写了一个‘fileList’,这样我们用数据自己循环出来的filelist就可以进行很多操作了。1.我是把a-upload写成了一个组件, 在组件里用了vue-draggable进行拖拽 先安装 npm install vuedraggable 新建组件            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-09 09:52:44
                            
                                125阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ant-design-pro-vue 文件上传 upLoad 组件的一些使用经验因为工作中需要使用文件上传功能上传附件,公司的后台使用 ant-design-pro + vue 作为前端开发技术栈,因此使用了 ant-design-pro-vue 里面的 upLoad 组件来进行开发。在开发过程中遇到了一些问题,现将一些问题分享出来,希望能帮到后面遇到类似问题的小伙伴尽快脱坑。组件上传的状态没有改            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-20 10:56:24
                            
                                282阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            #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            
                
         
            
            
            
            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            
                
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            项目参考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-03-27 11:52:05
                            
                                523阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            功能:ant Design vue使用腾讯播放器实现监控视频直播、点播,多个视频同时播放效果图:自适应布局第一步安装npm包npm install tcplayer@0.0.24 --save第二步封装子组件<template >
  <div :id="`video_container_${index}`" class="video_container"></div            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-04 12:57:25
                            
                                427阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            介绍前端世贤编辑好页面的各种信息,送给后端。前端请求时,后端需要返回符合权限的页面信息,并实例化生成路由。配置权限的前提,是前端需要先编写好所有的页面与按钮,并且将正确的组件地址、路由等信息告诉后端;按钮权限也需要先在按钮上编写好权限标识的参数,这样后端提供权限信息时,前端才能控制页面、控制权限展示出来。一般来说,在登录成功的时候,就要获取这些信息了。而提供参数的方法,后台系统一般都有菜单管理,基            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-23 21:34:00
                            
                                217阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            写在前面更换电脑资料丢失,暂停学习组件封装,开始重新学习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阅读