vue-smooth-dnd
发表于|更新于
|浏览量:
愤怒是由于别人的过错而惩罚自己——蒲柏
分享一个vue拖动组件
github：https://github.com/kutlugsahin/vue-smooth-dnd
在线Demo：https://kutlugsahin.github.io/vue-smooth-dnd/#/cards
相关推荐
2024-10-07
typescript-exercises
要随时牢记在心中：决心取得成功比任何一件事情都重要。——林肯 分享一个学习typescript练习的开源项目 github: https://github.com/typescript-exercises/typescript-exercises 网站： https://typescript-exercises.github.io/ 这里有不同的练习，目前是16个，例如： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103/*Welcome to: ................................................................ . ...
2023-06-02
input+type=file同时支持文件和文件夹
1没有知识的旅游者是一只没有翅膀的鸟。——萨阿迪 使用的dropzone库，你可以将任意类型的文件拖拽进去上传，如果是目录，则会获取目录内的文件 https://github.com/dropzone/dropzone 代码如下： 1234567891011121314151617181920<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css"/><script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script><div class="my-dropzone dz-clickable" style=" display: block; width: 100px; heigh...
2022-09-15
react中配置图片容错
爱情是友谊的精华，书信是爱情的妙药——豪厄尔 之前写了:vue中img错误默认图片以及img图片丢失后默认图 今天写个react版本的： 1<img src={xxxx} onError={(e) => e.target.src = '/img/oss/2020-06-01/head.jpg'} alt={value.alt} /> 代码很简单，也很管用
2024-10-17
chrome浏览器插件开发快速入门
劝君正向光明面，心自安详气自盈。——佚名 文档地址： Hello World 扩展程序 | Chrome Extensions | Chrome for Developers Hello World 扩展程序通过构建您的第一个 Hello World 扩展程序，了解 Chrome 扩展程序开发的基础知识。 概览您将创建一个“Hello World”在本地加载扩展程序、查找日志并探索其他建议。 Hello World当用户点击扩展程序工具栏图标时，此扩展程序将显示“Hello Extensions”。 Hello Extension 弹出式窗口 首先，创建一个用于存储扩展程序文件的新目录。如果您愿意，也可以下载 GitHub 中的源代码。 接下来，在此目录中创建一个名为 manifest.json 的新文件。此 JSON 文件描述了扩展程序的 功能和配置例如，大多数清单文件都包含 "action" 键，用于声明 Chrome 应用作扩展程序操作图标的图片，以及 。 12345678910{ ...
2021-12-04
Promise
人活在世，不过一场美丽的寄居。——简嫃 在前端开发中经常会使用异步方法 这里介绍Promise函数 定义方式： 12345// Promise内部构造参数为一个闭包，闭包中传入你想要异步处理的逻辑new Promise((resolve,reject)=>{ // 这里resolve表示正常处理异步逻辑后传送回调，reject则是异常逻辑或错误逻辑时执行，当异步方法中抛出异常，会自动调用reject，这里也可以手动调用 resolve(1)}) 然后定义完了，我们就可以开始调用 调用写法如下： 12345678new Promise((resolve,reject)=>{ // 假设我这里异步方法处理完后得到的结果为1，我就传入一个1 resolve(1)}).then(res=>{ // 然后异步方法执行完了，我再对结果进行异步处理，让得到的1再加一个1 console.log(res+1)}) 使用then可以执行异步方法后续处理，将异步方法的回调的结果作...
2021-05-12
vue子组件调用父组件方法
强迫学习的东西是不会保存在心里的。——《柏拉图论教育》 首先我们在子组件中这样定义 123456789101112131415<template> <div> <el-button @click="callSuper">123</el-button> </div></template><script>export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } }};</script> 这里的组件就只有一个el-button，点击后执行callSuper函数 里面这行this.$emit('parentEvent', '我的');表示 调用在父组件 引用子组件时 传入的事件 例如我这里调用了parentEvent，传入了个“我的”...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog