vue
给我焦虑
这个作者很懒,什么都没留下…
展开
-
vue使用xlsx及xlsx-style导出表格并自定义表格内的样式功能记录
参考博客点击进入一、依赖xlsxxlsx-style二、需求实现1.使用xlsx整理数据,及多sheet2.添加样式的本质就是:整理好数据后,遍历每个单元格并添加样式属性3.下面图片中红框标记,为每个单元格添加样式属性后4.使用xlsx-style导出数据即可属性属性介绍v原始值(有关更多信息,请参见“数据类型”部分w格式化文本t单元格类型:b布尔值,n数字,e错误,s字符串,d日期f单元格公式r富文本编码h富文本格式原创 2022-05-18 15:25:19 · 980 阅读 · 1 评论 -
vue-cli简单使用qiankun框架注意事项
当主应用使用hash路由时, 子应用尽量也使用hash路由, 避免一些问题主应用的main.js中配置apps时, activeRule的路径, 需要和子应用中的router.js中对应主应用和子应用不能有相同的id名字, vue-cli项目初创建时, 主应用和子应用的App.vue中父div的id都是app, 需要修改...原创 2021-07-01 10:06:43 · 518 阅读 · 0 评论 -
Vue——前端生成二维码
与后端生成二维码相比,前端生成二维码更具有灵活性,下面就介绍两种前端生成二维码的方式,两种>方式相比之下,vue-qr比qrcode多了一个再中间添加logo的功能。方式一:qrcodenpm install --save qrcodejs2import QRCode from 'qrcodejs2'使用<div class="qrcode" ref="qrCodeUrl"></div><script>methods: { creatQrC.转载 2021-06-24 15:10:39 · 416 阅读 · 0 评论 -
vue-cli4.0安装axios并使用
安装axios包npm i axios在main.js同级创建http.js文件夹 import axios from 'axios' const http = axios.create({ baseURL: "http://localhost:3000/admin/api" }) export default http在main.js中引入http.jsimport http from './http.js'Vue.prototype.$http原创 2020-05-19 16:14:18 · 2242 阅读 · 0 评论 -
vue使用原生<input type=‘file‘/>上传图片并显示缩略图
效果图:html代码: <div class="uploader"> <input type="file" class="fonts" name="" @change="afterRead" ref="updata" accept="image/*" id="upload" /> </div> <label原创 2021-01-19 10:11:47 · 3360 阅读 · 4 评论 -
vue手写步骤条功能
效果图:可能代码质量也不太好html代码: <div class="step"> <div> <div class="posit"> <div :class="'radius' + ' ' +(step>=1 ? 'speed-bg-color':'')"> <van-icon name="records" :color="step>=1?'#fff':''"/&原创 2021-01-19 10:02:18 · 1240 阅读 · 2 评论