自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Vue2+xlsx+xlsx-style导出带有线框和表头的表格(详细注释)

【代码】Vue2+xlsx+xlsx-style导出带有线框和表头的表格(详细注释)

2024-07-10 16:58:19 300

原创 vue拖拽组件基础使用:vuedraggable

安装:npm i vuedraggable。

2024-07-07 17:41:06 248

原创 Vue+xlsx+xlsx-style修改表格样式并导出

参考:(可根据此参考 解决Can't resolve './cptable' in '...' 的问题,我只是对他的方法进行了封装)删除了一些代码,只保留了表头和边框,顺便加了个合计,合计在页面调用中直接插入到数据中。在libs里创建excel2.js。

2024-02-02 19:42:46 1026

原创 flex列表布局

在进心列表渲染的时候,要使列表有间隔且分散均匀justify-content: space-between; 在遇到数据不够的情况下,最后一排会排版错误解决方案大家可以参考::style="(index+1) % 5 == 0?'padding-right:0':''" 这里我是每行5个,主要代码就是这行<template> <div class="wrap"> <ul> <li v-for..

2022-04-02 18:53:45 523

原创 记录element-ui自定义表单验证上传身份证正反面

大概是这个样式两个上传组件写在一个form-item里进行自定义表单验证每次验证,通过判断上传组件绑定的值进行判断,callback不同的提示错误<template> <div> <el-form :model="personalForm" :rules="rules" ref="personalForm" label-width="180px"> <el-row> .

2022-03-11 18:14:13 2580

原创 Nuxt.js 中间件实现判断设备进行路由跳转

项目要求移动端和pc端在同一个项目中,要实现PC端地址放到移动端上,直接跳转到移动端页面。这是我的目录结构,欢迎大佬指点。。。方案一:在入口.vue文件中进行判断。缺点:只能在mounted中获取到设备信息,并且在这之间会执行其他页面的数据请求。layouts/default.vuemethods: { _isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|i

2021-09-18 16:52:57 3616 1

原创 nuxt.js通过middleware中间件实现权限判断。

场景:商城类网站某些页面需要登录才能访问,如果在created里做判断就很繁琐,所以中间件可以实现这一类判断。中间件:我自己感觉中间件就是一个比较提前执行的方法罢了。。。。代码:/utils/utils.jsimport Cookie from "js-cookie";export default { //获取服务端cookie getcookiesInServer:function (req) { let service_cookie = {}; r

2021-08-17 16:13:52 2455 2

原创 Vue Photo Sphere Viewer 实现场景切换

下载插件使用npm或yarn下载安装npm install photo-sphere-vieweryarn add photo-sphere-viewer直接上代码,附带注释:<template> <div id="viewer"></div></template><script>import { Viewer } from "photo-sphere-viewer";import MarkersPlugin f

2021-05-12 17:57:37 3098 7

原创 记录el-upload表单上传验证

要求:在表单中实现单张图片上传,并且自动进行表单验证,提交验证和重置功能html部分:其他表单自行添加,我只把上传部分单独拎出来了 <el-form-item label="上传" prop="advimgsrc" required> <el-upload :action="uploadURL" ref="upload" list-type="picture-card" :sho

2021-05-12 17:56:42 2229 3

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除