
前端开发
前端小小白~
只是记录工作中遇到的问题,并不是啥教程
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue使用wd-calendar 时间遇到的坑
vue使用wd-calendar 时间遇到的坑。原创 2023-02-01 15:09:51 · 900 阅读 · 0 评论 -
el-form表单验证身份证合法性和手机号格式
验证form表单身份证合法性和手机号格式原创 2023-01-19 10:46:07 · 4479 阅读 · 1 评论 -
vue打包后线上报错Error: Loading chunk 20 failed
vue项目本地测试没有问题,只有线上报错Uncaught SyntaxError: Unexpected token ‘原创 2023-01-03 12:03:13 · 929 阅读 · 0 评论 -
VUE+jszip实现下载多个文件导出为一个zip格式
下载所有文件为一个压缩包原创 2022-12-08 15:08:08 · 3431 阅读 · 8 评论 -
网页置灰-css样式
网页置灰样式原创 2022-12-05 10:39:39 · 332 阅读 · 0 评论 -
修改el-select 右侧图标样式和边框颜色
修改el-select 右侧图标样式。原创 2022-09-23 10:15:23 · 3400 阅读 · 0 评论 -
element-ui table组件化,重新封装
element-ui 表格组件化原创 2022-09-02 16:04:47 · 1322 阅读 · 0 评论 -
前端常用组件库
前端常用组件和工具转载 2022-08-30 17:41:15 · 4368 阅读 · 0 评论 -
VUE多选删除列表遇到的坑
页面效果数据结构 list: [{ name: '名称1', indexs: [{ tag: '标签1' },{ tag: '标签2' },{ tag: '标签3' },{ tag: '标签4' }] },{ name: '名称2',原创 2022-04-28 11:02:54 · 1525 阅读 · 0 评论 -
vue项目前端解决跨域问题
设置config/index.js文件 proxyTable: { '/api': { target: 'http://000.000.0.00:00000', // 你请求的第三方接口 changeOrigin: true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题 pathRewrite: { // 路径重写, '^/api': '' // 替换target中的请求地址,也原创 2022-04-26 11:10:31 · 1595 阅读 · 0 评论 -
vue+element表格随笔
1、实现功能:表格选中,顶部tag展示;tag关闭,表格取消选中<template> <div> <el-card shadow="never" :style="{height: '150px'}" class="mb-10"> <p class="mb-10">选中的值</p> <el-tag class="ml-10 mb-10" v-for="tag in multipleSelection" :原创 2022-04-13 14:26:24 · 384 阅读 · 0 评论 -
VUE调用pc端摄像头
VUE项目调用pc端摄像头功能代码如下:<template><!-- 原生摄像头--> <div> <div class="box"> <video id="videoCamera" class="canvas" :width="videoWidth" :height="videoHeight" autoPlay></video> <canvas id="canvasC原创 2022-03-31 10:48:30 · 4382 阅读 · 4 评论 -
element table合计(可点击,自定义值,修改样式,第一行展示)
1、设置合计第一行展示<style scoped> /* /deep/ 为深度操作符,可以穿透到子组件 */ /deep/ .el-table { display: flex; flex-direction: column; } /* order默认值为0,只需将表体order置为1即可移到最后,这样总计行就上移到表体上方 */ /deep/ .el-table__body-wrapper { order: 1; }</style>原创 2021-10-13 10:31:37 · 6148 阅读 · 3 评论 -
vue 使用htmlToPdf遇到的坑
1、使用htmlToPdf实现pdf下载中遇到的坑!!下载的表格中有一张图片,控制台一直报错然后我查到的资料都让修改img crossorigin=anonymous ,一直没有作用后来感觉改的方向不对就开始查阅htmlToPdf文档2、解决办法如果再vue中使用htmlToPdf报上图所示错误设置htmlToPdf参数allowTaint:false;useCORS: true这样就解决了Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement原创 2021-09-17 13:54:16 · 813 阅读 · 0 评论 -
vue微信、支付宝支付
微信支付1、安装二维码插件npm install vue-qr --save2、使用<template> <vue-qr :text='codeValue' :correctLevel="2" :size="250" :margin="10" colorDark="black" colorLight="white" backgroundColor="white" backgroundDimming="white" :logoSrc="icon"原创 2021-09-15 10:56:51 · 463 阅读 · 0 评论 -
vue项目文档流显示,下载为表格
vue项目二维码文档流显示欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面...原创 2020-06-12 10:51:21 · 448 阅读 · 0 评论 -
highcharts y轴根据id展示名字
关于highcharts修改y轴名字走过的坎坷路!!!因为后台返回的是数据字典,再加上我之前没用过highcharts所以不知道改个名字竟然这么简单,还从网上找了一堆的博客都没有找到方法,下面步入正题首先找到 yAxis:{} yAxis: { title: { text: "预期回报(倍)" }, // 这里修改纵坐标显示的内容 labels: { fo原创 2020-06-12 10:35:41 · 388 阅读 · 0 评论 -
【前端面试题】最近面试遇到的各种前端面试题,持续更新。。。。
前端面试题最近找工作遇到的面试题vue篇1、vue生命周期beforeCreate(创建前) 在数据观测和初始化事件还未开始created(创建后) 完成数据观测,属性和方法的运算,初始化事件,el属性还没有显示出来beforeMount(载入前)在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data里面的数据和模板生成html。注意此时还没有...原创 2020-04-15 14:35:27 · 506 阅读 · 0 评论 -
avue实现简单crud
【教程】 avue的使用最近做的项目中接触到了一个新的框架感觉很好用所以推荐给大家~~【简介】Avue.js是基于现有的element-ui库进行的二次封装,简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,同时内置了丰富了数据展示组件,让开发变得更加容易。官网地址:https://...原创 2019-12-12 16:07:26 · 8910 阅读 · 8 评论 -
【教程】vue加element -ui实现表格增删改功能
vue+elenent-ui+vuex实现增删改功能这是一个简单的增加、删除、修改功能的表格新人报道 如果那里写的不对请见谅( • ̀ω•́ )✧效果图:增加功能:编辑功能:删除功能:安装vue和vuex的过程我就不写啦 大家肯定都会 如果不会的去官网查一下vue.js官网下面我要开始啦(〃‘▽’〃)element-ui 官方地址1、安装element-ui ...原创 2019-08-20 16:24:23 · 11514 阅读 · 12 评论