乐奇 Rokid 开放社区

乐奇 Rokid 开放社区

Rokid 开发平台 AIUI AIUI Studio 乐奇学院

去全站搜索看看？

登录社区云

登录社区云，与社区用户共同成长

乐奇 Rokid 开放社区

邀请您加入社区

欢迎加入社区

欢迎加入社区

elementui

draggable+el-tag 拖动元素有div宽度抖动问题

一开始以为是vuedraggable问题，结果发现是el-tag动画导致的，关闭渐进动画即可。从第一行拖动el-tag到第二行后，第一行宽度会突然变回4，过半秒才缩减到3。第一行第二行各有四个el-tag。

红雾i
2025-02-18 17:18:10

 380

 2

#前端 #elementui
Vue读取word文本并生成试题导入题库

本文主要讲解了vue读取word试题文本，利用正则表达式如何生成考试试题（共单选题、多选题、填空题、判断题和简答题5种题型）。

qq_38886334
2025-02-06 12:24:53

 2207

 30

#javascript #正则表达式 #elementui +2
[vue.draggable.next]-Vue3中后台管理系统实现拖拽排序功能

vue.draggable.next 是一款vue3的拖拽插件,是vue.draggable升级版本，同样是基于Sortable.js实现的，你可以用它来拖拽列表、菜单、工作台、选项卡等常见的工作场景，本人在工作台和多选项卡环境下实践过，比自己实现的拖拽效果优雅多了，使用的方法也非常简单但和vue2版本的用法有一些vue语法上的区别，本文档将会列举全部的属性和事件。ue.draggable.nex

zihan0321
2025-02-04 05:34:56

 502

 2

#vue.js #javascript #ecmascript +2
el-date-picker 日期范围的快捷键-样式优化及最近1年等时间距离计算实现

需求说明想要在el-date-picker的搜索日期范围的框上，加上快捷键，需求如图所示：考虑到快捷键的慢慢增多的问题，实力建议快捷键做成上面的样式，放到下面去，能够正常排列。(初步分析排列应该是flex排列的)需求分析[el-date-picker 说明书](https://element.eleme.cn/#/z...

egzosn
2024-07-24 17:56:27

 1239

 18

#vue.js #elementui #前端 +2
vue3+elementUi-plus+vuedraggable上传图片后，图片列表可拖拽排序

vue3+elementUi-plus+vuedraggable实现图片列表的拖拽且重新排序，更方便直接调整图片位置。

JScript__
2024-07-24 16:20:03

 683

 5

#elementui #前端 #javascript
实现：el-table导出word、excel、pdf文档工具类，ts文件

一、导出相关库npm install jspdf jspdf-autotable file-saver html-docx-js二、因为jspdf导出的中文会乱码，所以要引入字体 1.访问地址，clone下拉项目 Gitee 极速下载/jspdf 2.打开项目找到 jspdf ->fontconverter文件夹，在浏览器打开fontconverter.html网页

 一颗只会C+V的小码农
2024-07-26 12:25:22

 677

 5

#elementui #typescript #javascript
vue中使用键盘快捷键选中输入框

【代码】vue中使用键盘快捷键选中输入框。

心肝到爆
2024-06-08 10:18:32

 935

 16

#vue.js #javascript #elementui +1
vue实战--vue+elementUI实现多文件上传+预览（word PDF 图片 docx doc xlxs txt）_elementui pdf 上传后预览

看到这个需求的时候，小栗脑袋一炸。并不知道该如何下手，之前的实践项目中也并没有遇到相似的功能。因此也废了一番功夫想要实现这样一个功能。首先先查看elemnt UI的官方文档发现，大部分的实现文件上传效果的功能，即使可以提供预览的功能，但是不能指定该功能的样式和内容有一定的局限性然后小栗查找“多文件上传预览、PDF预览、word预览等关键词”，发现大部分的大佬的方法都是实现了图片预览，并没有实现多文

 2401_84435739
2024-04-29 14:16:30

 2034

 5

#vue.js #elementui
vue2 elementUI vuedraggable实现表格栏位设置可拖拽

1，在src/components/SetTableHeader下新建NewSetTableHeader。1，安装"vuedraggable": "^2.23.2",

m0_63464623
2024-04-17 14:08:59

 824

 3

#elementui #前端 #javascript
使用 VueGraggablePlus 实现 el-table 等第三方组件的拖拽排序

本文介绍了如何使用使用 VueGraggablePlus 实现第三方组件的拖拽排序，并使用 el-table 举例。

白烛魁
2024-04-05 13:29:30

 4109

 19

#vue.js #前端 #typescript +1
简易图床-附源码（上传即用无数据库版）

最近，我自己用那款博客只能用外链图片，部分AI成图也需要外链图片地址，所以我自己也写了一款基于Vue2和Element UI的前端图床工具，同时使用了PHP作为后端语言。同时，工具还提供了图片的大图预览功能，用户可以快速查看图片的细节，提高使用效率。总之，我开发的这款图床工具基于Vue2和Element UI，配合PHP后端，实现了多种图片格式的上传和管理。工具界面美观，功能实用，为用户提供了便捷

 公羊般锤
2024-02-01 11:22:42

 1497

 21

#vue.js #php #elementui
element-plus, el-dialog 动态宽度导致 draggable 拖拽失效

又是element-plus的坑

 har01d
2024-01-24 15:11:54

 1194

 8

#vue.js #前端 #javascript +1
Element-Puls中el-upload组件结合vue-draggable-plus实现上传支持拖拽排序(并保留el-upload原有样式、预览、删除)等功能

Element-Puls中el-upload组件结合vue-draggable-plus实现上传支持拖拽排序(并保留el-upload原有样式、预览、删除)等功能

 我总是词不达意
2024-01-08 16:55:18

 1959

 9

#vue.js #javascript #前端 +1
vue+element ui+vuedraggable实现表格内不同格子间标签的拖拽

vue+element ui+vuedraggable实现表格内不同格子间标签的拖拽

 jackzjbaby
2023-11-24 17:09:32

 1636

 3

#vue.js #ui #前端 +2
Vue.Draggable、el-table实现表格拖拽

如果不想使用Element-ui，可以到中文文档去看看例子。注意：el-table 一定要指定。不然拖拽会出现问题。

m0_59845088
2023-11-22 11:44:31

 4701

 1

#vue.js #javascript #html5 +3
vue2使用vuedraggable实现拖拽删除添加重置功能

需求：要输入xx阶段，之后输入后显示但是要可以自己手动排序和删除，以免写错了，并且做了判断，如果重复输入的话会提示，不会让他添加，点击重置功能后一键清空所有输入。

请叫我欧皇i
2023-09-15 13:38:10

 1512

 1

#vue.js #elementui #前端
Vue+draggable实现拖拽表格字段进行分组

{ columnName: "ABC", aliasName: "数据01", columnType: 15, },{ columnName: "abc", aliasName: "数据02", columnType: 15, },{ columnName: "#", aliasName: "数据03", columnType: 15, },<h3>列表选择列字段</h3><h3>A组字段</h3

Nilonglong
2023-09-01 15:03:42

 644

 5

#html5 #vue.js #css +1
工作小计之element日期选择快捷键不出现问题处理

日期时间选择器快捷键不出现问题原因

 是！豆哈哈
2023-07-21 16:57:48

 785

#elementui
vue项目表单校验的时候使用async+await 报错：Unexpected reserved word ‘await‘

vue项目表单校验的时候使用async+await 报错：Unexpected reserved word 'await'

皓月当空hy
2023-06-01 15:19:22

 1040

#elementui #vue.js
@header-dragend 拖动表头改变列宽，并保存拖动后的宽度

利用localStroage的本地存储功能，将拖动后的宽度存储到本地，再次进入页面的时候就会调用created，并获取本地存储的宽度，然后设置上宽度。当用户拖动表格的表头可以拖动列的宽度，并且记住拖动后的宽度。

qq_30193097
2023-06-02 18:36:08

 1180

 1

#vue.js #elementui
vuedraggable制作任务看板，实现数据拖动并获取拖动后的数据

在网上看了很多关于拖拽的资料，基本上都没什么帮助，经过本人实践，终于搞定了元素拖拽的问题，在拖拽时可以获取拖拽的数据。2、安装vuedraggable插件：npm insall vuedraggable。1、vue版本为vue2。

垢浪_明珠
2023-04-19 14:55:58

 3875

 1

#vue.js #javascript #elementui
使用vuedraggable插件实现Vue和ElementUI简单的树形目录和表格之间互相拖拽的功能（实现简单的排序）

项目使用到的插件：Jquery、vuedraggablenpm i jquerynpm i vuedraggableVue.vuedraggable 的参考链接：https://www.itxst.com/vue-draggable/tutorial.html效果图：代码中关于el-table样式的问题：我没有找到很好的办法使用el-table标签渲染网页，使用是从渲染好的网页上复制下来的结果，再

 加勒比海鸡_
2023-04-14 15:42:22

 1943

 15

#vue.js #elementui
ElementUI Table 拖动列改变宽度事件@header-dragend（文字换行，导致底部拖动条消失的bug）

【代码】ElementUI Table 拖动列改变宽度事件@header-dragend（文字换行，导致底部拖动条消失的bug）

Small_smart
2023-03-28 10:56:39

 1633

 2

#elementui #javascript #vue.js
element-ui框架下通过docxtemplater插件导出word文件

前端使用docxtemplater导出word文档最佳实践

 Alt_crtl
2023-03-18 15:35:04

 1936

#vue.js #elementui
elementui表格插槽使用的input输入框，添加键盘快捷键上下左右箭头，获取焦点

elementui表格插槽使用的input输入框，添加键盘快捷键上下左右箭头，获取焦点

 万里路到天涯
2023-02-28 16:21:27

 1928

 2

#elementui
前端通过localStorage.getItem（）实现因角色权限的不同而展示不同的界面

用户在登录的时候会将数据保存到key，因此可以通过读取key中的信息去判断，从而进行根据不同角色展现不同的界面。语句判断取得的数据中是否有代表用户权限的字段。，如有，则该用户是管理员，有权限，否则无。最后再需要进行权限判断的模块进行。取得用户登录的数据，然后通过。将数据转换成字符串，再通过。

clzd_ajsx
2023-02-01 18:14:38

 1810

 2

#前端 #javascript #开发语言 +2
element ui el-table sorttable实现表格拖拽排序（vuedraggable）

【代码】element ui el-table sorttable实现表格拖拽排序。

不吃香菜吃葱
2023-01-11 16:42:13

 3508

 1

#ui #vue.js #javascript +2
element show-password弹框关闭如何将小眼睛还原

element show-password弹框关闭如何将小眼睛还原，打开小眼睛后，不刷新页面下一次打开弹框，小眼睛还是打开的

 努力工作的小龙
2022-12-29 10:45:40

 483

#elementui #vue.js
elementui解决input textarea组件 show-word-limit挡住文字问题

elementui 怎么解决input show-word-limit挡住文字

 ฅQSω[*邱╭
2022-12-08 17:37:31

 5487

 4

#elementui #html #css
element-ui 密码输入框添加show-password属性，打开弹窗会自动填入密码 + 账户名问题

element-ui 密码输入框添加show-password属性，打开弹窗会自动填入密码 + 账户名问题

 Shimeng_1989
2022-11-04 19:25:15

 3645

#elementui #前端
简单实现一个vue路由守卫router.beforeEach通过获取sessionStorage下的token完成登陆跳转此功能，与后端没有交互

token，sessionStorage，路由守卫，无后端，简单的vue登录

 专心致志的程序员！
2022-09-30 16:32:04

 1161

 2

#vue.js #前端 #javascript +1
关于vue使用vue-draggable实现图片拖拽效果（项目中使用简单描述）

关于vue使用draggable实现图片拖拽效果

 王蛋挞
2022-09-29 14:52:38

 2159

 1

#vue.js #elementui #javascript
使用draggable+element-ui实现图片上传和拖拽排序

【代码】使用draggable+element-ui实现图片上传和拖拽排序。

夏天咯
2022-09-27 17:35:47

 828

#ui #vue.js #elementui
element使用this.$msgbox创建一个textarea,并实现属性（比如show-word-limit）

element使用this.$msgbox创建一个textarea,并实现属性

 安心一点
2022-09-09 09:17:44

 2223

 2

#前端 #javascript #elementui
[Vue warn]:Failed to resolve directive: dialogdrag

[Vue warn]:Failed to resolve directive: dialogdrag(found in )

用生命在耍帅ㅤ
2022-09-05 20:38:20

 4048

 1

#vue.js #elementui
【elementUI-日期选择器（两个框限制选择范围、快捷键选择】

【代码】【elementUI-日期选择器（两个框限制选择范围、快捷键选择】

皖熊
2022-09-06 13:40:49

 3822

#elementui #vue.js #javascript
python+vue+elementui旅游信息管理系统pycharm源码

本205旅游信息管理系统的设计来说具体根据旅游信息管理系统的现状来进行开发的，具体根据现实的需求来实现旅游信息管理系统网络化的管理，各类信息有序地进行存储，进入旅游信息管理系统页面之后，方可开始操作主控界面，V:view，视图是核心，负责接收请求、获取数据、返回结果。...

qq840612233
2022-08-25 20:43:33

 778

#elementui #vue.js #python +1
@header-dragend 拖拽表头宽度，存到本地

element table 表格拖拽表头进行本地存储

 取名真的好难
2022-08-10 19:00:08

 1267

 3

#前端 #vue.js #elementui
VUE tree树双击选中(显示层级结构) 及 vuedraggable插件拖拽功能的实现

VUE tree树双击选中(显示层级结构) 及 vuedraggable插件拖拽功能的实现

 xu_duo_i
2022-08-17 19:07:23

 2864

#vue.js #elementui #javascript
【vue】VueDraggable 子元素input选中文字会出现拖动

vuedraggable render jsx input选中文字拖动

 厨樱
2022-07-28 17:10:21

 2135

 8

#vue.js #elementui #javascript
Vue 项目中使用拖拽弹框 dragdialog

main.js中引入

 轻叙
2022-06-24 16:42:19

 677

#vue.js #elementui #javascript
element ui vue 附件预览组件、可预览图片、excel 、pdf.word等文件（浏览器打开文件的方式）

此组件就是一个单纯的预览图片、浏览器打开文件的形式简单的组合了下而成的，word、excel是直接下载、pdf浏览器打开的形式，如果想本地打开直接预览的话就直接不用看了。word、excel、pdf 的图片是我放到服务器上的图片地址。......

玲子的猫
2022-06-22 17:05:21

 1.2w

 4

#vue.js #ui #elementui
Vue()-常用组件之vuedraggable拖拽标签组件

多标签中的拖拽组件

 苍穹之跃
2022-06-04 20:23:06

 1161

#vue.js #elementui #javascript
Vue部署在本地使用内网穿透访问不了的问题

babel.config.jsmodule.exports = {"presets": ["@vue/cli-plugin-babel/preset"],"plugins": [["component",{"libraryName": "element-ui","styleLibraryName": "theme-chalk"}]]}vue.config.jsmodu

琉璃瓦在这么
2022-05-21 14:50:50

 1535

#vue.js #javascript #elementui
终极解决版 element-ui input=password 在浏览器会自动填充密码的问题

写项目时发现, 在注册用户界面时, 之前浏览器记住的账号被自动填充了, 并且因为公司项目有做密码的显示隐藏功能, 然后用户就能直接看到密码了, 这肯定不行. 超级大的问题. 于是就是百度了一圈.发现目前现在看到的解决方案有几种(下面做了归纳), 但是都无法解决我的问题:1.设置 autocomplete属性；```js<el-input type="password"v-model="for

Alvin丶yx
2022-05-20 11:31:40

 3007

 3

#elementui #vue.js #javascript
el-upload多个文件，动态增加+预览word 、excel、ppt、pdf、png、jpg文件

el-upload多个文件，动态增加<template><span><el-row v-for="(v, i) in RecordOperation.upload" :key="i"><el-col :span="6"><el-form-item><el-inputv-model.trim="v.fileName"..

m0_49471668
2022-05-24 15:37:21

 2607

 1

#vue.js #ui #elementui
vuedraggable中可选择复制输入框内容

当我们在做拖拽排序时，拖拽部分有输入框，或可选中的文字不需要拖拽，官方文档给出的方法是使用filter排除拖拽元素。这样做有个弊端，使用 filter 禁止拖拽后，filter禁止标签下的输入框，无法输入。这时我们可以用到另一个disabled属性去解决。当输入框获取焦点时，disabled为true，禁用拖拽操作，这时可以复制输入框中的数据。当输入框获取失去时，disabled为false，可拖

 哈哈哦0
2022-05-13 16:14:34

 1141

 1

#elementui #vue.js #javascript
封装可拖拽弹框组件（二）——vue2中，应用可拖拽弹框组件vue-draggable-resizable组件

封装可拖拽弹框组件（二）——vue2中，应用可拖拽弹框组件vue-draggable-resizable组件示例地址——https://www.npmjs.com/package/vue-draggable-resizable效果实例第四步：主页面src/views/article/articleFat.vue<template><div&g

viceen
2022-04-09 09:22:21

 932

#前端 #elementui
封装可拖拽弹框组件（一）——vue2中，点击按钮弹框可拖拽之vue-draggable-resizable组件

封装可拖拽弹框组件（一）——vue2中，点击按钮弹框可拖拽之vue-draggable-resizable组件npm示例地址——https://www.npmjs.com/package/vue-draggable-resizable1、效果图弹框效果拖拽效果2、操作步骤第一步：安装拖拽组件包安装可拖拽插件vue-draggable-resizable和 element-uinpm i vue-d

viceen
2022-04-09 09:21:16

 2537

 1

#前端 #elementui
写一个函数接收两个ip地址，求ip地址数量

求ip地址数量

 Hello^_^Monkey
2022-03-11 14:16:40

 484

#javascript #vue.js #elementui

加载更多

回到
顶部

提供社区服务与技术支持

提供社区服务与技术支持

©1999-2023北京创新乐知网络技术有限公司京ICP备19004658号