随笔分类 - Vue
你懂得越多，你不懂的就越多
摘要：vue 百度BD09加密经纬度转国测局GCJ02经纬度 参考资料：https://blog.csdn.net/hitler_yuzhan/article/details/85237148 // GCJ-02 to BD-09 bd_encrypta(gg_lon, gg_lat) { var X_P
阅读全文
摘要：
在配置文件上加上这句话就可以了，没有使用插件。
```javascript
"files.associations": {
"*.vue":"html"
}
```
阅读全文
在配置文件上加上这句话就可以了，没有使用插件。
```javascript
"files.associations": {
"*.vue":"html"
}
```
阅读全文
摘要：
Vue 炫酷 Echarts 图表 网址：https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all 上面的网址已经停服了，有几个网址更新一下子 https://www.makeapie.cn/ https://www
阅读全文
Vue 炫酷 Echarts 图表 网址：https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all 上面的网址已经停服了，有几个网址更新一下子 https://www.makeapie.cn/ https://www
阅读全文
摘要：
# vue 动态生成拓扑图
## 横向拓扑
在 index.html 文件中引入文件。
```javascript
阅读全文
# vue 动态生成拓扑图
## 横向拓扑
在 index.html 文件中引入文件。
```javascript
阅读全文
摘要：Vue 全局 websocket 抄的，出处：https://www.cnblogs.com/tcz1018/p/13831589.html 他说，首先就是网上的写法有很多但是 都是需要创建一个对象进行相关的状态回调，有的是需要创建一个初始化方法进行相关的状态回调，然后看的我就一句话 都挺好的，反正
阅读全文
摘要：Vue 自定义组件v-model父子组件传值双向绑定 之前自己写过一个自定义组件，父组件使用 v-model 进行双向数据绑定的，写了好几次，当时明白，但是过了几天又忘了，写一下吧。 日常我们使用v-model <div id="app"> <p>{{message}}</p> <input typ
阅读全文
摘要：
当我们第一次渲染数据的时候，echarts渲染是正常的，但是当我们的数据更新的时候，展示的图表会出现错版现象，其中最常见的是曲线图。
比如下面，刚开始进入的时候也就是说首次加载数据，显示的echarts折线图是完全OK的，但是我们更新了数据，重新配置了option赋值给echarts的时候就出现渲染错误的问题，曲线图拧了。
阅读全文
当我们第一次渲染数据的时候，echarts渲染是正常的，但是当我们的数据更新的时候，展示的图表会出现错版现象，其中最常见的是曲线图。
比如下面，刚开始进入的时候也就是说首次加载数据，显示的echarts折线图是完全OK的，但是我们更新了数据，重新配置了option赋值给echarts的时候就出现渲染错误的问题，曲线图拧了。
阅读全文
摘要：
# Vue图片加载错误、图片加载失败的处理
注意：
1. onerror前面要用冒号 :
2. 注意看logo定义的格式，符号不要写错了
阅读全文
# Vue图片加载错误、图片加载失败的处理
注意：
1. onerror前面要用冒号 :
2. 注意看logo定义的格式，符号不要写错了
阅读全文
摘要：
> 好早就写了个案例，但是一直没时间整理，其实代码敲出来是一种学习，记录下来又是另一种学习，好好学习，天天向上！我爱学习！
我这边的左侧菜单栏是写死的，不是后台返回的动态菜单。
其实写菜单很简单，这篇博文不会写的很多，我直接把项目放到 Git 上，down下来看一下就可以了，很简单能明白。
阅读全文
> 好早就写了个案例，但是一直没时间整理，其实代码敲出来是一种学习，记录下来又是另一种学习，好好学习，天天向上！我爱学习！
我这边的左侧菜单栏是写死的，不是后台返回的动态菜单。
其实写菜单很简单，这篇博文不会写的很多，我直接把项目放到 Git 上，down下来看一下就可以了，很简单能明白。
阅读全文
摘要：
当时用echarts图表显示数据的时候，比如折线图柱状图，当数据量太大的时候，需要设置 dataZoom实现区域缩放，但是当数据量比较少的时候又不希望出现区域缩放控件，所以说这个时候就需要根据数据量动态显示dataZoom。
在 echarts 图表的 option 配置中配置 dataZoom项：
阅读全文
当时用echarts图表显示数据的时候，比如折线图柱状图，当数据量太大的时候，需要设置 dataZoom实现区域缩放，但是当数据量比较少的时候又不希望出现区域缩放控件，所以说这个时候就需要根据数据量动态显示dataZoom。
在 echarts 图表的 option 配置中配置 dataZoom项：
阅读全文
摘要：
Echarts图例数据太多实现滚动效果
> 当我们引入echarts图表，当展示的数据项比较多的时候，尤其是在展示环形图或者是饼状图的时候，当数据项比较多，图例就会堆积到一起，显示的很乱，这时候就需要显示个翻页效果。
阅读全文
Echarts图例数据太多实现滚动效果
> 当我们引入echarts图表，当展示的数据项比较多的时候，尤其是在展示环形图或者是饼状图的时候，当数据项比较多，图例就会堆积到一起，显示的很乱，这时候就需要显示个翻页效果。
阅读全文
摘要：
这个场景应该经常遇到，比如说在一个页面有一个table，想让他数据过多的时候自动出现滚动条而不至于冲到屏幕外被隐藏，如果表格下面还有换页的话，换页直接冲没了，所以需要计算这个table表格的最大高度。
阅读全文
这个场景应该经常遇到，比如说在一个页面有一个table，想让他数据过多的时候自动出现滚动条而不至于冲到屏幕外被隐藏，如果表格下面还有换页的话，换页直接冲没了，所以需要计算这个table表格的最大高度。
阅读全文
摘要：Vue 使用 Element 组件实现前端自己的分页功能 当后端没有分页的时候 用 element 中的组件分页并不能对数据进行切割 需要请求回数据后自己来做切割。 <el-table :data="tableData.slice((currentPage-1)*pageSize,currentPa
阅读全文
摘要：
阿里云CentOS搭建EasyMock
## 简介
Easy Mock 是一个可视化，并且能快速生成 模拟数据 的持久化服务。
阅读全文
阿里云CentOS搭建EasyMock
## 简介
Easy Mock 是一个可视化，并且能快速生成 模拟数据 的持久化服务。
阅读全文
摘要：echarts 组件复用 在前端开发过程中经常会遇到使用 echarts 报表的功能，有很多时候在一个页面或者是一个项目当中使用相同的 echarts 表，比如使用好几个柱状图、折线图之类的，而这些柱状图的样式是完全一样的，只是横纵坐标的数据不一样，因此我们可以将样式相同的 echarts 图表封装
阅读全文
摘要：
这个是什么意思呢，就是当浏览器窗体发生变化的时候会触发。主要用在布局计算，比如说分辨率不一样，可能高度宽度需要重新计算渲染。在一个就是很典型的echarts报表，当我们的浏览器缩放发生变化，或者是电脑分辨率发生变化之后，echarts报表大小位置啥的是不会发生变化的
阅读全文
这个是什么意思呢，就是当浏览器窗体发生变化的时候会触发。主要用在布局计算，比如说分辨率不一样，可能高度宽度需要重新计算渲染。在一个就是很典型的echarts报表，当我们的浏览器缩放发生变化，或者是电脑分辨率发生变化之后，echarts报表大小位置啥的是不会发生变化的
阅读全文
摘要：Vue input textarea自动滚动到最底部 这是什么意思，就是类似于QQ聊天框一样的效果，新来的一条一条的消息会不停地补充在textarea输入框，然后展示最新来得数据，就需要textarea输入框的滚动条默认下滑到最下面。 首先定一个textarea类型的input组件 首先使用 vue
阅读全文
摘要：VUE 获取今天时间和一月前今天的时间 这个场景是啥呢，就比如说一个图表，需要默认查取过去一个月的数据，所以说需要向后台传输两个参数，一个是开始时间，一个是结束时间。获取当前时间还好，一个月前的时间有点费劲，当然方法很多，下面是其中一种，可以转换成一个星期或者是半个月都可以。 首先先创建一个变量用来
阅读全文
摘要：Vue生成随机数 生成随机整数 Math.round(Math.random()*5) // 生成0~5的随机整数 没了，这是篇水文，很水，就这点，哈哈哈哈~
阅读全文
摘要：
# JavaScript JSON.stringify()
> 最近做一个项目，项目中有一段代码编辑器，返回的代码段是JSON对象，需要解析成JSON字符串，然后，放到代码编辑器里面，但是JSON.stringify()默认返回的字符串没有缩进和换行，但是这个是可以配置的，记录一下。
阅读全文
# JavaScript JSON.stringify()
> 最近做一个项目，项目中有一段代码编辑器，返回的代码段是JSON对象，需要解析成JSON字符串，然后，放到代码编辑器里面，但是JSON.stringify()默认返回的字符串没有缩进和换行，但是这个是可以配置的，记录一下。
阅读全文
浙公网安备 33010602011771号