- 博客(29)
- 收藏
- 关注
RSS订阅原创 Vue如何实现可视化拖拽表单（一）
在我们平时做需求中，往往会遇到拖拽模块的需求。刚开始没有接触过拖拽的时候，会对拖拽有陌生感，会比较担心实现起来会比较的复杂，可能自己很难搞定，低代码平台基本都会涵盖拖拽功能，今天来看一下到底是怎么实现的。因此，我们必须阻止浏览器这种默认行为。组在使用的时候，可以通过v-model来双向绑定本地data，如果需要更新或者是触发父组件监听的事件，可以在updated()中去emit。Vuedraggable 是标准的组件式封装，并且将可拖动元素放进了transition-group上面，过渡动画都比较好。
2024-03-05 17:05:29
455
1
原创 Math.floor( Math.random() )生成随机整数 生成随机字符
然后加1：Math.random()*52 + 1 //现在这个数就 >=1 且 =0 且
2022-12-21 10:37:25
1346
原创 vxe-table点击分页依旧保存复选框选项以及复选框按条件禁用事件
【代码】vxe-table点击分页依旧保存复选框选项以及复选框按条件禁用事件。
2022-10-17 16:52:29
3127
1
原创 element-ui ElMessageBox.prompt input校验
【代码】element-ui ElMessageBox.prompt input校验。
2022-10-14 14:10:42
2353
原创 使用el-tag文字过长超出隐藏
在项目中使用el-tag的时候遇到了文字过长的问题，而tag不能换行，我使用的方法是截取，超过多吵得长度就截取到显示…
2022-09-28 15:33:27
1318
转载 js中（...）用法
args，是对test函数中多余的参数进行收集，并转换成数组的形式进入函数体中。如上图所示，obj和tmp是完全两个独立的对象，互不影响。
2022-09-08 10:02:35
135
翻译 关于Added non-passive event listener to a scroll-blocking ‘wheel‘ event. Consider marking event handle
Passive Event Listeners：就是告诉前页面内的事件监听器内部是否会调用preventDefault函数来阻止事件的默认行为，以便浏览器根据这个信息更好地做出决策来优化页面性能。当属性passive的值为true的时候，代表该监听器内部不会调用preventDefault函数来阻止默认滑动行为，Chrome浏览器称这类型的监听器为被动（passive）监听器。违反：没有添加被动事件监听器来阻止’touchstart’事件，请考虑添加事件管理者’passive’，以使页面更加流畅。...
2022-08-17 11:34:31
7417
3
转载 el-carousel走马灯实现高度自适应
el-carousel默认高度为300，高度写死的话，不会自适应屏幕高度。所以高度要设置个动态高度。我们要做到缩放屏幕的时候，高度要实时更新。onresize 事件会在屏幕缩放时执行。要获取到当前屏幕的高度给screenheight。最后定义个样式，就可以实现自适应全屏了。...
2022-07-21 15:10:49
4661
原创 前端table查询
前端table查询 <vxe-table :data="tableDataEnd" ref="xTable"></vxe-table>const tableData = ref([])const tableDataEnd = ref([])//获取tableData数据const lockLibrary = async (data) => { search.value = '' lockLibraryId.value = data const r
2022-04-26 14:31:45
1277
原创 js 从一个数组中取出几个特定的字段组成新的数组
js 从一个数组中取出几个特定的字段组成新的数组var productJson = []; res.forEach(function(item){ productJson.push( { goodsId: item.goodsId, productId: item.productId, goodsNum: item.goodsNum }) })console.log(productJson)具体const merchantSel
2022-04-25 15:42:24
1192
原创 element ui 的el-cascader动态加载(懒加载)
el-cascader懒加载 <el-form-item label="地址:" class="form-item"> <el-cascader v-model="form.areaId" :props="props"></el-cascader> </el-form-item>export default {data(){return{props: { lazy: true, checkStrictl
2022-04-19 14:54:36
3428
原创 pinia的具体使用方法
pinia的具体使用方法1.安装(pinia支持Vue2和Vue3)安装需要@next因为pinia2处于beta的阶段,pinia2是对应的Vue3的版本//使用npmnpm install pinia@next//使用yarnyarn add pinia@next2.核心概念与基本使用Store是一个保存状态和业务逻辑的实体，可以自由的读取和写入，并且通过导入setup中使用创建一个storeimport { defineStore } from 'pinia'//定义容器/
2022-02-23 16:46:29
2752
翻译 pinia和vuex的区别
文章目录介绍安装pinia安装vuex安装创建pinia创建vuex创建两者写法对比pinia在vue3中的写法和用法vuex在vue3中的写法和用法Vuex 和 Pinia 的优缺点Pinia的优点Pinia的缺点Vuex的优点Vuex的缺点何时使用Pinia，何时使用Vuex介绍Pinia 是 Vue.js 的轻量级状态管理库，它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。Vuex也是为Vue框架建立的一个流行的状态管理库，它也是Vue核心团队推荐的状态管理库。 Vue
2022-02-23 16:44:21
15218
原创 面试题汇总2
1 自我介绍2面向对象，面向对象在哪些方面体现面向对象的三大特征：1.继承 2.封装 3.多态性（1）继承：就是保留父类的属性，开扩新的东西。通过子类可以实现继承，子类继承父类的所有状态和行为，同时添加自身的状态和行为。（2）封装：就是类的私有化。将代码及处理数据绑定在一起的一种编程机制，该机制保证程序和数据不受外部干扰。（3）多态：是允许将父对象设置成为和一个和多个它的子对象相等的技术。包括重载和重写。重载为编译时多态，重写是运行时多态。3.http和https区别1、HTTPS 协议需
2021-03-31 10:36:49
158
原创 面试题汇总
1自我介绍2擅长什么技术栈？一般来说是指将N种技术互相组合在一起(N>1)，作为一个有机的整体来实现某种目的或功能。也可以指掌握这些技术以及配合使用的经验HTML，css，javascript,boostrap,vue3说一下防抖和节流的区别防抖：1.在任务高频率触发的时候，只有触发间隔超过指定间隔的时间，任务才会执行2.在每次函数执行之前先清空上一次设置的定时器，原因是：如果执行间隔大于n秒，那么先前的定时任务一定已经执行完毕，当执clearTimeout时，其实并没有定时器可清楚，否
2021-03-31 10:35:19
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人