2020年12月_南北极之间

原创 element ui 表单验证规则demo：不能中英文混杂！不能有标点符号！

正则：/^([\u4e00-\u9fa50-9]+|[A-Za-z0-9]+)$/gdata() { let checkWords = (rule, value, callback) => { console.log(value) if (value === '') { this.$message.warning('关键词不能为空！') return callback(new Error('关键词不能为空！')) .

2020-12-31 12:12:43 735 1

原创声纹可视化工具：wavesurfer.js---在Vue中使用音频声纹可视化插件wavesurfer.js【已封装成组件有完整demo实例附完整代码】

在Vue中完整代码在最后。使用方法：1、第一步：使用以下命令安装wavesurfer.js插件库npm install wavesurfer.js --save2、第二步：在需要使用的页面import导入wavesurfer.js和其中的时间轴timeline插件import WaveSurfer from 'wavesurfer.js'import CursorPlugin from 'wavesurfer.js/dist/plugin/wavesurfer.cursor.

2020-12-30 14:54:06 12421 9

原创 vuejs上传文件并读取文件同步更新（在$nextTick(()里面操作更新dom才能实时刷新）

遇到的问题：在给voiceContent赋值的时候。this指向不对，所以在之前用_this保存this的值，在$nextTick(()里面操作更新dom才能实时刷新参考：https://segmentfault.com/q/1010000038702128关键代码：<input type="file" class="file"/><el-button type="primary" @click="readFile">导入文本</el-but...

2020-12-29 11:25:07 741

原创 vuejs滚动到选中的位置

关键代码： this.$nextTick(() => { //滚动到选中的位置 this.$el.querySelector('.yellow').scrollIntoView() })参考：https://segmentfault.com/q/1010000038688001?_ea=89496287

2020-12-28 16:32:29 291

原创怎样让Echarts默认显示全部的数据标签

关键代码：axisLabel: { interval: 0 }参考：https://echarts.apache.org/zh/option.html#xAxis.axisLabel.intervalhttps://blog.csdn.net/alice9999999/article/details/96871445?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromBaidu-1...

2020-12-24 14:18:46 1998

原创 vuejs搜索关键字高亮显示并且实现切换显示下一个选项多种方法

参考资料：https://segmentfault.com/q/1010000038543596?_ea=87295903第一种方法：手写：<template> <div> <el-button v-for="item in list" :key="item.id" @click="clickBtn(item.value)">{{ item.value }}&

2020-12-21 17:03:10 1369

原创如何解决Vue项目中使用echarts，宽度变化导致图不能resize问题

参考资料：https://blog.csdn.net/weixin_44217741/article/details/105536986关键代码：1，第一步：安装：cnpm install element-resize-detector2，第二步：引入import elementResizeDetectorMaker from ‘element-resize-detector’3，在mounted里面监听dom元素 mounted() { this.drawChart1()

2020-12-19 14:19:09 1135 1

原创 vuejs监听页面宽度变化重新加载echarts图表

1，第一种：vue通过element-resize-detector监听dom元素 mounted() { this.drawChart1() this.drawChart2() let erd = elementResizeDetectorMaker(); let that = this erd.listenTo(document.getElementById("main1"), (element) => { let width = elem

2020-12-19 14:16:38 2331 2

原创 vue项目如何监听窗口变化，达到页面自适应？

资料：https://www.cnblogs.com/datiangou/p/10136527.htmlhttps://blog.csdn.net/weixin_41628411/article/details/90475954

2020-12-19 12:01:06 406 1

原创 vue修改innerHTML不更新

我用的sass的deep方法很简单就解决了参考：https://blog.csdn.net/baocai3996/article/details/101655281

2020-12-17 17:44:21 2365

原创 vue 的 render 函数

资料：https://blog.csdn.net/sansan_7957/article/details/83014838

2020-12-01 17:30:45 204

南北极之间