
前端
风情,更与何人说
我要去的地方很远
展开
-
uniapp微信小程序获取当前定位
uniapp微信小程序获取当前定位。原创 2023-02-07 11:37:53 · 404 阅读 · 0 评论 -
使用el-table选择进行保存,实现分页多选,设置选中,编辑原数据默认值不变
el-table分页选择,默认选中设置,二次选择原商品编辑的数据不变原创 2022-07-07 16:48:10 · 1968 阅读 · 1 评论 -
echarts设置X轴文字纵向排列,可自定义每行排列数量
直接上代码formatter: function (params) { // params为x轴文字内容 //可自定义设置每行展示的字数,每行n个文字纵向排列 let n =2; let arr = []; for (let i = 0; i < params.length / n; i++) { arr.push(params.原创 2022-05-27 09:28:08 · 1017 阅读 · 0 评论 -
前端实现炫酷进度条插件
最近做到一个下载和导入的进度条效果,所以做了一个小插件,自己记录一下,然后分享一下1、先看实现的效果2、看实现的代码,样式的话我是根据UI出的图搞得,可以自行更改<template> <div class="progressbar"> <div class="progressbar1"> <div class="bar" :style="{ width: value1 }"></div> <div原创 2021-08-20 16:04:54 · 3658 阅读 · 0 评论 -
vue-quill-editor富文本编辑器自定义上传图片功能
问题描述:vue-quill-editor富文本默认上传图片是将图片转换成base64进行存储,字段过长;然后进行自定义上传图片,只保存图片路径,减少服务器压力解决思路:1、先创建一个上传图片的组件(我使用的是element-ui的el-upload),将该组件进行隐藏2、点击富文本插入图片的按钮时转换成点击上传插件,进行图片上传3、上传成功后后端返回图片路径,将图片路径处理后插入到光标在富文本中的位置解决步骤:1、组件添加,隐藏该组件 <el-upload st原创 2021-07-16 09:45:44 · 411 阅读 · 0 评论 -
vue-quill-editor富文本编辑器使用,附带图片更改大小功能
1.Vue项目安装依赖npm install vue-quill-editor --savenpm install quill-image-resize-module --save2.项目引用,我用的是全局引用import 'quill/dist/quill.core.css';import 'quill/dist/quill.snow.css';import 'quill/dist/quill.bubble.css';import quillEditor from 'vue-quill原创 2021-06-10 15:39:31 · 3562 阅读 · 12 评论 -
vue导出分页表格到Excel中
vue导出分页表格到Excel中安装依赖项npm install --save xlsx file-saver在使用的页面引入import FileSaver from "file-saver";import XLSX from "xlsx";3.具体代码() <el-button type="primary" size="medium" @click="exportExcel" >导 出</el-button >export原创 2021-03-23 11:27:58 · 1332 阅读 · 0 评论 -
vue使用百度地图(自己记录)
vue使用百度地图1、打开public文件夹下的index.html2、引入百度地图信息<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=密钥"></script> <script type="text/javascript" src="//mapopen.cdn.bcebos.com/github/BMapGLLib/AreaRestr原创 2021-03-23 11:15:34 · 346 阅读 · 0 评论 -
使用element分页器进行新闻列表分页
vue使用element分页器1、循环数组进行编辑v-for="item in newList.slice( (currentpage - 1) * pagesize, currentpage * pagesize )"2、script标签里的数据 data() { return { newList:[ {}//... ], // 每原创 2021-03-23 11:00:34 · 1242 阅读 · 1 评论 -
vue鼠标点击移动改变两个并排Div的宽度
效果图代码<template> <div class="root" ref="root"> <div class="left" ref="left"></div> <div class="center" ref="center"> <img src="../../assets/imgs/icons/拉伸.png" alt="拉伸" @mousedown="l原创 2020-12-08 15:17:21 · 1030 阅读 · 1 评论 -
更改饿了么树形结构图标样式
更改饿了么树形结构图标样式把箭头样式更改为文件夹打开闭合样式,如果无子集则显示为空,自己搞出来的,跟大家分享一下,就直接上代码了/* 树形样式 */.el-tree{ padding: 0 0 0 20px;}.el-tree .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg);}.el-tree .el-icon-care原创 2020-11-10 10:26:06 · 1692 阅读 · 0 评论 -
前端请求后端返回的Excel文件
前端管理系统根据权限下载后台返回的Excel表格前端使用vue框架,不过无所谓,只是触发一个方法前端使用vue框架,不过无所谓,只是触发一个方法// 导出表格内容const table1_ajax = function (url) { var xhr = new XMLHttpRequest(); var formData = new FormData(); xhr.open('get', '/api/SyCooperation/' + url); xhr.set原创 2020-08-14 10:56:01 · 1714 阅读 · 0 评论 -
前端名字加密
直接上js代码var name = '聂章帅'; function name_pass(params) { return params.substr(0,1)+ new Array(params.length).join('*'); } console.log(name_pass(name));原创 2020-07-03 16:22:21 · 476 阅读 · 3 评论