醒醒打工仔-优快云博客

原创关于vue中mp3音频的下载

这里是将音频流使用xml请求转化成blob格式，然后使用a链接方法进行下载

2023-01-18 14:51:13 1673 1

原创 vue项目中，使用微信js-sdk打开微信内置导航，唤醒第三方导航，

最近在搞vue项目需要在手机上唤醒第三方导航,在手机内置浏览器中打开都可以跳转至第三方高德了，百度了，腾讯，这些导航app,唯独到了微信内置浏览器死活唤醒不了，于是乎各种百度，查询资料，最后发现微信内置浏览器，限制跳转第三方app,想要跳转只能使用微信提供的方法，这就用到了微信JSSDK；

2022-11-29 11:18:36 3202 4

原创 vue+echarts封装日历图

前端可视化封装日历图html<template> <div ref="calendar" :style="{ width: `${width}px`, height: `${height}px` }" ></div></template>js<script>export default { props: { height: { type: [String, Number], default

2021-09-02 15:36:38 898 2

前端可视化封装柱线图html这里没有用echarts自带的图例；自己写了一个所以出现了这么多html;<template> <div class="barLineChart"> <div ref="barLineChart" :style="{ width: `${width}px`, height: `${height}px` }" @mouseover="chartsMouseOver" @mouseout="chartsMouseOut">&l

2021-08-30 16:47:18 344 1

原创 vue+echarts封装词云图

前端可视化封装词云图html<template> <div> <div ref="world" class="positionloopecharts" :style="{ width: `${width}`, height: `${height}` }"></div> </div></template>js<script>import 'echarts-wordcloud'exp

2021-08-30 16:34:34 420 1

原创 vue+echars封装气泡图；

前端可视化封装气泡图html<template> <div class="bubble-chart"> <div ref="bubbleChart" class="bubble"></div> </div></template>js<script>export default { name: "BubbleChart", props: { rowData: {

2021-08-30 16:29:30 1322 1

原创 vue+echarts封装折线图

数据可视化封装折线图html<template> <div class="line-chart" :style="styleLineChart" ref="chart"></div></template>2.js<script>export default { props: { styleLineChart: { type: Object, default: () => {

2021-07-28 14:04:45 306

原创 vue+echarts封装柱图

前端可视化封装柱图html<template> <div class="barcon">  <div class="barcon-chart" :style="chartStyle" ref="chart"></div> </div></template>js<script>export default { props: {

2021-07-28 14:00:41 172

原创 vue+echarts封装环图；

前端可视化数据环图封装html<template> <div class="container"> <div ref="loop" style="" :style="{ width: `${width}`, height: `${height}` }" ></div> <div v-if="legendSelect" :style="{ top: styleD

2021-07-28 13:48:32 357

原创 vue使用screenfull插件，Esc退出，F11切换，图标切换问题；

这里项目要求Esc，F11切换，图标都得跟着变换；我根据百度下好几个大佬方法合并了以下代码；这里是项目用的html<div class="screenfull" @click="isScreenFull"> <img v-if="!isFullscreen" src="img/icon/screenfull.png" alt="" /> <img v-if="isFullscreen" src="img/icon/screenfull-close.pn

2021-07-28 11:29:35 1383

原创 js获取本地时间毫秒级

关于获取本地时间毫秒级 getTime() { let date = new Date(); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); let hour = date.getHours() < 10 ? '0' + date.getHours()

2020-09-29 17:26:12 429

原创 vue+element-ui中el-table编辑后的表单验证

项目中遇到表格双击可编辑，编辑完场后保存进行判断不能为空，直接上代码 data(){ return{ hasBlock: false, } }, methods:{ //定义的方法 ifBlock() { //el-table中绑定的数组对象 this.tableDatareset.forEach((v, i) => { for (const val in v) { if (v[val] === "" || v[v

2020-05-25 11:14:11 2093 1

原创 vue+element-ui后台管理系统，关于el-table操作行的上移，下移，前插，后插，假删除。

vue后台管理系统，关于e-table操作行的上移，下移，前插，后插，假删除。项目中需要这些花里胡哨的操作，在度娘上找了好久，然后再根据自己项目总结如下在data中定义operateSelect数组operateSelectIndex变量上移 // 操作内容上移 caomoveUp() { const that = this; if (this.operateSelect.length === 0) { this.$message({

2020-05-25 10:16:00 713 1

原创关于vue+element-ui里el-table中动态添加图片中路径问题

关于vue+element-ui里el-table中动态添加图片显示问题**使用require加载,require加载图片时可以使用相对地址最后效果图如下

2019-11-22 17:16:56 5549 2

weixin_45579925的博客