vue2 拖拽_51CTO博客

antdesign vue2 行拖拽

前言由于业务需求，需要开发一个可以批改作业的组件，网上搜的一些插件不太符合业务需求，没办法>_<只能自己写呗（此处掉头发两根～）。其原理是在学生提交的图片上使用画笔批改、橡皮擦、拖拽缩放、旋转、按步骤减分、和其他一些辅助功能操作，期间踩了很多坑，但也是在学习中成长，这里贴出来可以给迷茫的人一个参考，也给自己记录一下。代码写的通俗易懂，我觉得大家只要有点基础都可以看懂，这个案例不是最完美

antdesign vue2 行拖拽

拖拽

Math

sed

转载

梦断蓝桥魂

7月前

73阅读

vue2 添加拖拽功能

<template> <div class="home-comp" v-draggable>  </div> </template> <script> export default { directive

拖拽

sed

鼠标移动

原创

wx66585bda8918b

2024-06-06 10:18:49

717阅读

vue2 bi拖拽项目架构 vue实现拖拽组件

上文介绍了自定义拖拽组件位置的简单实现，本文将继续给大家分享如何自定义拖拽组件位置的简单实现，文中通过示例代码介绍，感兴趣的小伙伴们可以了解一下本文主要介绍了 Vue 自定义拖拽组件的样式，具体如下：支持通过右侧的属性配置去处理画布中不同元件的不同样式效果图实现过程需要在每个元件上初始化一个 style 的集合，用来保存元件的基础样式，后续更改的样式也保存到对应的属性中在 data 中定义一

vue2 bi拖拽项目架构

vue.js

javascript

前端

拖拽

转载

lgmyxbjfu

2024-03-03 14:55:18

621阅读

vue2 页面组件容器拖拽代码示例

随着信息技术在军工、制造业等领域的不断普及和快速发展，各行业信息系统软件的研制正在由传统的重复、烟囱式开发模式向以系统顶层设计为指导，以标准化、组件化、集成化软件开发为重点的模式逐步转变。其中，图形化人机交互界面是信息系统软件的重要组成部分。然而，目前企业在人机界面软件开发方面普遍面临以下问题：

vue2 页面组件容器拖拽代码示例

vue拖拽控件生成界面代码

控件

人机界面

数据

转载

mob6454cc73e9a6

10月前

125阅读

文章目录横向对比表ES DragerDrager APIDrager 属性Drager 事件Drager 插槽vue-draggable-plusGrid-Layout-PlusFluid DnD其他推荐如何选择？注意事项横向对比表库名称框架支持核心功能学习曲线社区活跃度ES DragerVue 3高级图形操作中★★★★☆vue-draggable-plusVue 3列表拖拽克隆排序低★★★☆☆G

#前端

#react.js

#前端框架

#vue3

#typescript

转载

mob64ca13fc5fb6

19天前

448阅读

vue2

跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu

其他

原创

wx60f7f54847950

2021-07-23 11:32:15

393阅读

vue2 eslint vue2 eslint版本

eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint 用于检查和标示出ECMAScript/JavaScript代码规范问题工具。（2）@babel/eslint-parser 简而言之就是一个解析器，允许您使用ES

vue2 eslint

json

代码格式化

解析器

转载

mob64ca140caeb2

2024-05-29 12:57:59

283阅读

vue2

main.js App.vue action.js getters.js index.js mutation.js types.js

sed

Java

转载

mob604756f49b91

2017-06-24 05:50:00

220阅读

vue2

vue2

ios

github

html

拦截器

.net

原创

wx60f7f54847950

2021-08-01 18:40:40

412阅读

vue2 支持android vue2兼容

最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.

vue2 支持android

vue.js

Vue

显式

官网

转载

轩辕

2024-04-03 14:52:36

210阅读

基于vue2,vuedraggable开发组图层2级拖拽组件

? 背景最近项目中需要制作一个图层拖拽到组的交互（如下图展示），今天分享一下这个组件功能。希望能抛砖引玉，给大家带来启发。?需求功能1.新建组，再新建图层，在组下显示；2.新建组没选中，则图层和组在同级；3.图层拖拽可以在一级也可在组下面；4.组拖拽只能在一级，不能叠加到组内；5.组删除，该组下图层全部删除；6.组点击眼睛，该组下图层全部显示，点击闭眼，该组下图层全部不显示。?设计开发先说一下我的

图层

拖拽

vuedraggable

组图层

原创

啥咕啦呛

2023-08-03 20:39:55

508阅读

vue2安装jquery vue2安装eslint

目录一、项目基本配置二、Eslint语法规范型检查一、项目基本配置修改项目信息 package.json 文件{ "name": "XXX", ...... "description": "XX系统", "author": "tom<123456@qq.com>", ...... }修改端口号 config/index.js中修改port:

vue2安装jquery

vue.js

前端框架

ESLint

ico

转载

数据探索者11

2024-07-29 09:30:58

87阅读

vue2 unit test 教程 vue2 jsx

什么是JSX摘自 React 官方：它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太

vue2 unit test 教程

javascript

vue.js

前端

jsx

转载

云端筑梦者

2024-06-03 15:34:33

66阅读

vue2 配置axios vue2 composition api

0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。我认为，它解决的主

vue2 配置axios

vue.js

前端

Vue

复用

转载

flybirdfly

2023-11-06 12:52:14

247阅读

vue2安装 yarn vue2安装eslint

步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置你想要的怎么使用eslint？选择第三个：检查，发现问题，并且约束代码风格你的项目使用的是什么模块？选择第一个

vue2安装 yarn

vue.js

javascript

前端

git

转载

langrisser

2024-06-12 14:16:51

274阅读

Vue2【插槽】

1：插槽-默认插槽，2：插槽-具名插槽，3：插槽-作用域插槽

vue.js

前端

插槽

作用域

代码示例

原创精选

爱吃豆的土豆

2024-01-13 13:16:26

328阅读

vue2 fengzhuangaxios

在前端开发的世界里，Vue.js 已经成为了非常流行的框架，而在与 API 进行交互时，Axios 则是一个不可或缺的工具。随着 Vue2 和 Axios 的流行度提升，我们也开始遇到一些特定问题，比如“vue2 fengzhuangaxios”，这里的“fengzhuang”意指封装，即把 Axios 封装为更易用的工具。那么，我们如何解决这个问题呢？本文将为大家提供一套清晰的解决方案和实用的经

ios

封装

Vue

原创

mob64ca12edad02

6月前

32阅读

vue2 destroy

• vue2.0之后有哪些变化：　　1.每个组件模板template,不再支持片段代码　　　　之前：　　　　　　<template> 　　　　　　　　<h3>vue-router+vue-loader</h3> 　　　　　　　　<p>hshsh</p> 　　　　　　</template>　　现在：必须有根元

vue2 destroy

Vue

数据

重定向

转载

mob64ca140b466e

5月前

20阅读

vue2 typescript

# Vue2和TypeScript入门指南 Vue.js是一个流行的JavaScript框架，用于构建用户界面。它简单易用，同时具有强大的功能。而TypeScript是JavaScript的超集，它为JavaScript添加了类型系统，使得代码更加可靠和易于维护。在本文中，我们将介绍如何在Vue2中使用TypeScript。 ## 安装Vue2和TypeScript 首先，我们需要安装Vue

Vue

User

App

原创

mob649e8163f390

2023-12-05 09:13:21

198阅读

axios vue2

# axios和Vue2的使用在Vue2项目中，我们经常需要与后端进行数据交互，发送HTTP请求是非常常见的操作。axios是一个基于Promise的HTTP库，可以在浏览器和Node.js中发送HTTP请求。它使用简单且功能强大，因此在Vue2中广泛使用。 ## 安装axios 首先，我们需要在Vue2项目中安装axios。可以使用npm或者yarn进行安装： ```markdown

ios

HTTP

javascript

原创

mob649e81597922

2023-08-01 11:38:39

190阅读

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

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

51CTO博客

vue2 拖拽

antdesign vue2 行拖拽

vue2 添加拖拽功能

vue2 bi拖拽项目架构 vue实现拖拽组件

vue2 页面组件容器拖拽代码示例

前端常用拖拽组件库（vue3、react、vue2）

vue2

vue2 eslint vue2 eslint版本

vue2

vue2

vue2 支持android vue2兼容

基于vue2,vuedraggable开发组图层2级拖拽组件

vue2安装jquery vue2安装eslint

vue2 unit test 教程 vue2 jsx

vue2 配置axios vue2 composition api

vue2安装 yarn vue2安装eslint

Vue2【插槽】

vue2 fengzhuangaxios

vue2 destroy

vue2 typescript

axios vue2

vue2 temp

vue2 创建axios vue2 创建class对象

vue2安装eslint prettier vue2安装eslint

element vue2

vue2插槽使用，vue2插槽传参

vue2的watch，vue2监听器

vue2项目转typescript vue2 typescript

vue2中的axios vue2中的data

VUE2基础-Vue实例

vue2 使用jest vue2.