
vue
文章平均质量分 55
coderdwy
一个头发茂密的小小前端~
展开
-
vue项目实现会议预约(包含某天的某个时间段和某月的某几天)
vue项目中实现会议预约,可以选择某天的时间段进行预约,也可以根据某月的几天进行预约,并且还有手绘日历,哈哈,真好玩原创 2023-02-16 14:04:14 · 5499 阅读 · 8 评论 -
vue、微信小程序上传文件(base64格式、一般格式)及vue的表格导入和导出
vue、微信小程序的文件上传包含base64格式及一般格式、vue的表格导入和导出原创 2023-01-30 16:50:21 · 1249 阅读 · 0 评论 -
vue使用echarts画可视化大屏
echarts、vue跨域、element-ui、原创 2023-01-30 16:25:54 · 4482 阅读 · 4 评论 -
vue项目中使用vue-treeselect插件及遇到的问题
vue-treeselect使用小结原创 2022-12-15 13:39:01 · 3813 阅读 · 1 评论 -
vue实现Excel表格导出,拿来即用
vue实现Excel表格导出,自定义文件名,表头原创 2022-11-24 14:41:03 · 976 阅读 · 0 评论 -
使用image-map编写校区平面示意图
vant+image-map,实现校区平面示意图,点击不同区域时弹窗该区域相关信息,很有意思的,哈哈原创 2022-11-15 18:58:12 · 1058 阅读 · 0 评论 -
vue里面使用pdfjs-dist+fabric实现pdf电子签章!!!
使用pdfjs-dist+fabric实现电子签章原创 2022-09-06 15:58:15 · 20561 阅读 · 57 评论 -
js实现pdf、word、excel、图片、html文件预览及下载
office web查看器真的很好用!原创 2022-08-30 14:02:47 · 7304 阅读 · 3 评论 -
同一个浏览器不同窗口登录不同账号,窗口切换时,页面刷新账号变更为最后一次登录的账号
同一个浏览器不同窗口登录不同账号,窗口切换时,页面刷新账号变更为最后一次登录的账号原创 2022-07-21 18:01:27 · 2836 阅读 · 3 评论 -
vue里面 一维数组转为树形结构及树形结构转为一维数组
vue里面,一维数组转为树形结构及树形结构转为一维数组原创 2022-07-05 14:41:21 · 1535 阅读 · 2 评论 -
vue页面动态生成二维码,扫描二维码跳转到微信小程序,同时传递参数
vue页面动态生成二维码,扫描二维码跳转到微信小程序,同时将参数vue页面的参数传到微信小程序原创 2022-06-22 16:39:05 · 7141 阅读 · 2 评论 -
el-upload组件实现ctrl+v黏贴上传文件
el-upload组件一些常用的属性和方法总结原创 2022-06-15 15:25:38 · 1962 阅读 · 0 评论 -
数组或对象指定下标赋值及下拉数据转化
下拉数据转化原创 2022-04-06 13:45:00 · 2025 阅读 · 0 评论 -
使用v-for双层循环数据时,第二层数组不显示数据
vue里面循环数据一般使用v-for命令,但是循环一层的时候没啥问题,数据可以正常显示出来,但是循环两层时,有时候第二层数组里面的数据不显示,然后去百度了下,发现有兄弟也碰到了这种情况,并且给出了解决的办法,推荐使用 this.$forceUpdate() 这是vue里面的强制更新数据的方法,效果非常好,嘿嘿其实moldslist(第二层数组)这个字段,是我在本地新加的字段,也就是说,不是接口返回的,想要给每一条数据都加上这个字段,使用for循环呗,然后直接就var了,自然就报错了,系统提示我原创 2022-03-14 13:11:44 · 3926 阅读 · 0 评论 -
vue实现复制excel内容黏贴到网页,进而插入到el-table中
先上一波效果图以下是做这个功能的由来(觉得无聊的直接去看代码,捂脸)老大让我做一个从excel复制选中的内容,然后在el-table里面黏贴,从而实现数据的批量导入到后台管理系统中,这样就不用一个一个输入了,我刚开始想,这怎么可能嘛,一个是excel表格,一个是代码,这俩咋看也不沾边啊,然后老大给我说,这种功能是有的,你去网上随便一搜,很多教程的,那个clipboard插件好像就可以,然后我去搜了,发现不是那样,草(是一种植物),那个clipboard的复制,说到底也是给要复制的地方加个事件触发,然原创 2021-11-02 16:54:17 · 5292 阅读 · 18 评论 -
vue2在tinymce编辑器工具栏增加自定义功能按钮
先上一波效果图官方文档 中文版 http://tinymce.ax-z.cn/官方文档 英文版 https://www.tiny.cloud/docs/configure/accessibility/github地址 https://github.com/MrH-OS/plugins_vue/tree/master/说一下项目需求,首先引入 tinymce编辑器,然后在工具栏里面添加一个功能按钮,点击按钮出现弹窗,显示两个下拉框,并且这两个下拉框是联动的,即左侧下拉框选中一个表名原创 2021-10-18 17:00:40 · 5126 阅读 · 1 评论 -
使用 vue.draggable 实现拖拽、克隆
这是大佬的博客 https://blog.youkuaiyun.com/zjiang1994/article/details/79809687里面对vue.draggable的一些方法和属性,进行了详解,非常的详细,比官网的还要详细哦!给大佬点赞!!!这是vue.draggable的官网 https://www.itxst.com/vue-draggable/jirneq6b.html如图,想要实现这样的效果,左侧列表有一堆框框,要把左侧的列表拖拽到右侧列表,然后就去了官网官网列子 未拖拽之前是这样的原创 2021-09-09 17:07:43 · 16861 阅读 · 11 评论 -
改变element表格横向滚动条高度
某人觉得这个横向滚动条太宽了,所以需要变窄一点,可以看到在样式表里有:not(html):not(body)::-webkit-scrollbar { width: 8px; height: 15px; background: transparent;}所以在style标签里面加上这行代码 就ok了,因为样式不写在scoped里面就相当于全局定义,也不用每个页面都加上另外 小知识点CSS3的反伪类 :not()CSS 伪类 :not() 用来匹配不符合一组选择器的元素。由于它原创 2021-09-06 18:48:10 · 1716 阅读 · 0 评论 -
vue3的学习使用(1)
全局安装 vite npm install -g create-vite-app使用vue3创建项目 create-vite-app projectName进入projectName cd projectName安装依赖包 npm install运行projectName npm run dev原创 2021-06-02 17:05:55 · 110 阅读 · 0 评论 -
当你用element-ui遇到需要在el-table-column上v-for时,可以嵌套一个插槽存放循环的数据
使用table表格组件时,table下的某一条数据是个数组,进行循环时,需要用到插槽,scope.row属性原创 2021-04-25 13:15:29 · 4411 阅读 · 6 评论 -
vue中设置 定时出现100000000¥以内的随机滚动数字
<template> <div class="about"> <div class="chartNum"> <div class="box-item"> <div :class="{ 'number-item': !isNaN(item), 'mark-item': isNaN(item) }" v-for="(item, index) in getarr"原创 2021-04-21 17:31:44 · 385 阅读 · 0 评论 -
使用vue-seamless-scroll插件实现数据滚动
呃,先将盗的图展示下,如下图所示,前端需要将后台返过来的数据,通过上下滚动的方式展示在前台页面,原生js也可以实现 类似于轮播图效果嘿嘿,但是vue中有插件 vue-seamless-scroll点击进入 vue-seamless-scroll官网cmd中输入安装命令cnpm install vue-seamless-scroll --save<template> <vue-seamless-scroll :data="listData" class="s原创 2021-04-21 16:59:34 · 1092 阅读 · 1 评论 -
vue+mysql+node+express+elementui实现登录注册
vue文件中安装的组件 elementui,axios在main.js中引入expres创建node文件需要安装的插件 mysql(数据库),cors(跨域)app.js中引入创建数据库db.js创建登录路由 login.jsindex.js中引入数据库db.js登录功能Login.vue 代码<template> <div class="about"> <h1>这里是登录页面</h1> <form a原创 2020-12-03 22:19:09 · 1668 阅读 · 0 评论 -
在vue中安装5版本的swiper,及两个小案例的实现
npm install swiper@5.4.5 vue-awesome-swiper --save原创 2020-11-29 16:37:20 · 3995 阅读 · 2 评论 -
(node:7740) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
我也是在看codewhy老师的vue视频跟着敲得,百度了下,发现是css-loader版本不一致输入 npm uninstall --save-dev css-loader卸载掉再输入 npm install css-loader@2.0.2 --save-dev 重新安装问题解决!原创 2020-10-19 22:19:13 · 842 阅读 · 5 评论 -
vue 绑定 添加class 属性 4种方法 添加style 3中方法 v-bind
动态设置class样式原创 2020-08-06 11:00:53 · 9672 阅读 · 1 评论