随录
日常记录
qdcxy0
这个作者很懒,什么都没留下…
展开
-
uniapp中使用axios 将post方法传参改成get传参方式
uniapp中使用axios,将post方法传参改成get传参方式原创 2021-08-25 17:40:09 · 1589 阅读 · 1 评论 -
vue实现返回页面时回到原来的位置
使用vue中的导航守卫 beforeRouteEnter 与 beforeRouteLeave beforeRouteEnter(to, from, next) { next(vm => { // 回到原来的位置 const position = JSON.parse(window.sessionStorage.getItem('position')) document.querySelector('.list-row').scrollTop =原创 2021-01-12 16:51:25 · 2580 阅读 · 0 评论 -
v-charts环图点击事件
v-charts环图自定义点击事件突出显示多块需求完整代码效果展示v-charts需求环图展示统计的数据,默认展示的块需要突出高亮显示,点击某个条件块时,若是突出显示的则取消突出显示,不是突出显示的则高亮突出显示,并根据点击的条件去后台查询数据。完整代码<template> <div class="content"> <div class="top-content"> <div class="chartBox">原创 2020-12-21 22:33:48 · 3970 阅读 · 3 评论 -
表格转图片下载
vue页面下将带有二维码的表格转成图片并下载1、生成二维码2、将html转为图片并下载3、完整代码4、完成效果要求将带有二维码的表格转为图片格式下载下来使用dom-to-image将html转为图片,详细使用方法见官方文档:dom-to-image1、生成二维码这里我是使用QRCode 、html2canvas 插件来生成的二维码前面有写一篇文章比较详细的介绍了二维码的生成,这里的代码基本上和之前是一样的// 二维码import QRCode from 'qrcode'import htm原创 2020-12-21 21:35:00 · 490 阅读 · 0 评论 -
v-charts环图不显示问题
解决v-charts环图不显示问题在vue项目中使用vant组件和v-charts组件来实现滑动展示两个不同的环图,开始的时候环图一直显示不出来,解决办法: created() { this.$nextTick(() => { // 解决v-charts不显示问题 // 调用以下的方法实现环图重新渲染 this.$refs.chart_one.echarts.resize() this.$refs.chart_two.echarts.re原创 2020-12-16 21:51:05 · 1786 阅读 · 0 评论 -
mt-cell-swipe的使用
mt-cell-swipe的使用安装使用示例1:content 使用纯文本方式(官网示例)示例2:content 使用HTML方式(开发中使用)content 使用HTML方式显示mint ui 文档安装npm i mint-ui -S使用采用按需引入:import { CellSwipe } from 'mint-ui';Vue.component(CellSwipe.name, CellSwipe);示例1:content 使用纯文本方式(官网示例)增加右滑动按钮<mt-原创 2020-12-15 22:28:30 · 719 阅读 · 0 评论 -
tree-select使用
tree-select使用安装基本使用在vxe-table中使用官方文档安装npm install --save @riophae/vue-treeselect基本使用在vue中的使用:<!-- Vue SFC --><template> <div> <treeselect :multiple="true" :options="options" placeholder="Select your favourite(s).原创 2020-12-15 21:46:13 · 3407 阅读 · 8 评论 -
在前端生成二维码下载
前端生成二维码并下载完整代码完整代码<template> <div class="ypl-flex"> <div class="invitePosterPage flex"> <button @click="downLoad">下载二维码</button> <img v-if="posterDataUrl" :src="posterDataUrl" class="poster-bg" alt=原创 2020-11-16 13:02:20 · 429 阅读 · 0 评论