- 博客(9)
- 收藏
- 关注
原创 Vue2+xlsx+xlsx-style导出带有线框和表头的表格(详细注释)
【代码】Vue2+xlsx+xlsx-style导出带有线框和表头的表格(详细注释)
2024-07-10 16:58:19
300
原创 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
空空如也
无效的 app.json tabBar["iconfontSrc"]
2022-10-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人