July++-CSDN博客

原创 echarts图表自定义图例

在echarts中自定义图例样式就跟表格一样清晰的展示数据<div id="myChart1" ref="myChart1" :style="{ width: '100%'}"></div>//在获取到图表数据后再调用此方法进行图表渲染 drawLine() { let myChart = ""; let option = { title: { text: "0.00".

2021-11-17 16:32:06 11115

原创 vue 自动生成二维码，并点击按钮下载二维码

需求：前端根据后端返回的内容生成二维码，点击按钮能下载此二维码1.npm 引入qrcodejs2 包（用qrcodejs2 生成的二维码展示效果比较好，推荐使用）npm i qrcodejs2 -S 2.html中加入一个装二维码的容器，js部分在需要展示二维码的页面引入<div id="qrcode"></div> <a :href="qrUrl" style="width: 100%" download="二

2021-02-24 16:43:13 789

原创钉钉H5微应用修改导航栏标题名称

刚接触钉钉H5应用，在修改导航栏标题这一块绕了点弯子。需求是要求每个页面的标题会根据不同的数据动态显示，刚开始用document.title来修改没有用，后来又在路由meta中添加title属性，效果也不理想。后来仔细看了钉钉的开发文档，才知道钉钉浏览器修改导航栏标题是用钉钉内封装好的方法。奉上钉钉内修改导航栏标题的开发文档网址：https://ding-doc.dingtalk.com/doc#/dev/pqgdu0#a-name0f6mnpa%E8%AE%BE%E7%BD%AE%E5%AF%BC%E8

2020-09-08 14:43:32 2542

原创 vue中全局filter过滤配置及使用

想必每个项目中都会存在要使用filter过滤数据的情况，以前刚接触vue的时候，哪个页面有需要过滤的数据就跑哪个页面写一个filters,现在成长啦，知道可以提到全局去写一个filters.js文件来解决啦！1.创建一个filters.js文件，本例中我创建在assets/util下，比如过滤时间//过滤时间保留年月日原数据：2020-07-18 15:18:22 过滤后：2020-07-18export function filterTime(value) { if (value) {

2020-07-21 16:05:03 795

原创 vue中，使用keep-alive实现页面动态缓存

A页面->B页面，B页面刷新 B页面->C页面再返回至B页面，B页面缓存不刷新最近项目遇到如上所述这个需求，一看到页面缓存，那必不可少要使用keep-alive,但是这里的页面缓存是有条件的，同一个页面，从不同的入口进来，是有不同的缓存需求的。我们使用vuex结合路由守卫可以达到此效果，下面来看看怎么完美实现这个需求吧……1.App.vue<template> <div id="app"> <keep-alive :include="KEEPALIV

2020-07-21 15:39:52 911

原创前端js对微信或支付宝的网页授权+支付

前端js相关操作微信网页授权+支付场景：微信扫码进入网站，出现授权弹窗，用户授权后进入网站首页，并且显示出用户头像和昵称等信息，在网页进行相关商品操作后，点击确认支付，拉起微信支付，并去付款，在付款成功后跳转到想要去的页面。1.授权 var weixintarger = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid...

2020-01-15 16:17:55 3178 1

原创 vue 实现点击元素改变该元素样式，点击过的元素，样式不移除

vue 实现点击元素改变该元素样式，点击过的元素，样式不移除在写项目时一般的需求都是点击当前元素改变该元素样式点击下一个元素其余元素样式恢复原状，但最近遇到一个需求是，点击元素改变该元素字体颜色点击下一个元素上一次点击过的元素字体颜色还存在。这里的代码给出两种效果，第一种是类似于a链接的visited效果，二次点击该元素，已经改变过的样式不会再改变。第二种是样式切换效果，...

2019-07-16 17:15:21 5181

原创 Vue中select下拉框的默认选中项的三种情况

Vue中select下拉框的那些事儿在Vue中使用select下拉框主要靠的是 v-model 来绑定选项 option 的 value 值关于下拉框的默认选中值select下拉框在界面的展示，我们都希望看到框中有一个值而不是空白，比如显示 “请选择” 或者 “全部” 的默认值，我们直接上代码： <div id="app"> <select name="...

2019-06-16 13:10:33 39793 4

summer