vue里将图片转为base64流编码

vue一般都是配合框架使用,如element,iview等,但此处只说纯vue怎么将图片转为base64流,其实在vue里图片转base64流与js将图片转为base64没什么区别,只是改变一些语法,把js的事件,定义变量等...

  • 0
  • 0
  • admin
  • 发布于 2021-07-18 22:37
  • 阅读 ( 241 )

原生js将图片转为base64案例

一般情况下图片都是后台处理后返回给前端图片网络地址甚至base64流,还有很多项目上将图片存在了三方的云存储服务也是非常的便捷和易于管理,有的时候会有前端生成base64的需求,无论要实现什么...

  • 0
  • 0
  • admin
  • 发布于 2021-07-18 22:26
  • 阅读 ( 202 )

Echarts鼠标悬浮时tooltip超出外层div显示不完整问题

可以自己设置下鼠标悬浮时tooltip信息的显示位置,原理是上下不变,将上下位置用百分比写死,左右根据鼠标当前位置判断一下,判断鼠标指针是在左边还有右边然后返回不同的结果。 先看下效果...

  • 0
  • 0
  • admin
  • 发布于 2021-07-06 16:53
  • 阅读 ( 204 )

前端使用JS生成验证码

网站登录时输入验证码,一般会对接三方的库或后台生成,但前端难免也会遇到这种需求,以下是前端使用JS生成验证码的demo; <!DOCTYPE html> <html lang="en"> <head> &l...

  • 1
  • 0
  • admin
  • 发布于 2021-06-18 17:55
  • 阅读 ( 229 )

js检测数据或变量的类型

数据类型检测获取你认为并不常用,但是js的数据类型检测相反是可以常用的,大脑储存的东西越多你的思路就越宽广,加油吧,骚年。 1.首先我们先声明一些基础类型的变量并赋值: let a = [1,...

  • 0
  • 0
  • admin
  • 发布于 2021-06-16 15:28
  • 阅读 ( 254 )

Vue使用wangEditor富文本编辑器案例

以下为Vue中使用wangEditor富文本编辑器的案例,下面有demo供大家参考:富文本就是保存时将Html传给后台保存,前端在Vue回显页面里可以使用V-html解析,编辑时回显可以看下官网,其实很简单的。...

  • 0
  • 0
  • admin
  • 发布于 2021-06-09 16:43
  • 阅读 ( 246 )

Vue中使用swiper轮播图的正确姿势

相信很多朋友都和我一样在Vue中使用swiper遇到过很多问题,首先swiper轮播图,确实很强大,集成了各种功能,几乎包含了各类型轮播图的需求,点击切换,鼠标滚轮控制切换等交互做的也是很完善,...

  • 1
  • 0
  • admin
  • 发布于 2021-06-09 10:31
  • 阅读 ( 251 )

在uniapp中使用Vuex的方法

在uniapp中使用Vuex并不像Vue一样需要安装什么的,uniapp中已经为我们内置了Vuex的使用环境,我们只需要建立相关文件并引入就OK了,下面上代码及uniapp的完整H5实例。 首先在根目录下创建store...

  • 1
  • 0
  • admin
  • 发布于 2021-06-08 09:54
  • 阅读 ( 283 )

element递归菜单导航折叠后文字不隐藏

先分析下为什么不隐藏,因为在你使用递归写element的导航时会使用递归调用组件,而在vue的最外层要用div等标签将所有模板包含起来,这就导致导航在递归渲染时会多出很多div标签,导致出现各种奇...

  • 1
  • 0
  • admin
  • 发布于 2021-06-07 17:47
  • 阅读 ( 260 )

Echarts柱状图添加点击事件

Echarts柱状图添加点击事件,点击后可调用其他事件,比如与其他图表做关联等,下面上代码。 以下是实际代码,myChart是你的图表示例变量名称,此方法写在option外,option代表你图例的最大对象...

  • 1
  • 0
  • admin
  • 发布于 2021-06-07 10:52
  • 阅读 ( 272 )

vue全局组件和局部组件的写法

vue组件有两种,一种是全局组件,一种是局部组件。整个项目经常用到的用全局写法,用到比较少的专供特定页面用的使用局部组件。 全局组件引入写法:在项目的main.js中: import Vue from 'vue...

  • 0
  • 0
  • admin
  • 发布于 2021-05-22 11:40
  • 阅读 ( 255 )

解决Vue打包发布后刷新404问题

出现这个问题是因为前端配置了history模式,此模式下需要配置服务器,此时只要将history改为hash即可,直观的区别便是浏览器上的地址会多一个#符号,下面是官网文档,可做了解。 vue-router 默...

  • 1
  • 0
  • admin
  • 发布于 2021-05-22 11:27
  • 阅读 ( 275 )

echarts加阈值,上限下限虚线

option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{...

  • 0
  • 0
  • admin
  • 发布于 2021-04-16 12:55
  • 阅读 ( 454 )

Vue深度监听对象与数组

这是Vue开发中肯定会遇到的一个问题,就是当我们监听一个对象或数组且数据改变时不会触发监听事件,这是因为存储问题,普通的监只能监听普通的字段,例如监a这个变量的值是否发生变化,而对象不...

  • 0
  • 0
  • admin
  • 发布于 2021-04-16 12:52
  • 阅读 ( 293 )

Vue中父组件直接调用子组件中函数的方法

在Vue父组件,也就是页面调用其引入的子组件,是可以直接调用子组件中函数的方法,需求场景有很多,比如搜索条件查询,搜索查询的模块就在当前页面,而内容区的结果是在子组件,在子组件不想使...

  • 0
  • 0
  • admin
  • 发布于 2021-04-16 12:28
  • 阅读 ( 287 )

element表格点击下一页或筛选时不影响选中状态

element表格点击下一页或筛选时不影响选中状态,此方法在官网有,虽然不明显,我遇到的需求就是本地搜索后不要改变选中状态,此方法对查后台的分页同样有效。 重点代码: el-table里加这个代...

  • 0
  • 0
  • admin
  • 发布于 2021-01-08 14:14
  • 阅读 ( 486 )

element表格禁止选择改变勾选的状态

这个讲的是无论emelent表格是选中还是未选中都不可勾选,下面有完整代码示例 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title...

  • 0
  • 0
  • admin
  • 发布于 2021-01-08 14:02
  • 阅读 ( 466 )

element ui表格加载数据后默认勾选状态为选中效果

这个效果非常简单,this.$refs.multipleTable.toggleRowSelection(row);row代表传进来的数据加索引值,比如this.$refs.multipleTable.toggleRowSelection(this.tableData[0]);代表选中第一条,...

  • 0
  • 0
  • admin
  • 发布于 2021-01-08 13:51
  • 阅读 ( 365 )

element 前端实现表格的本地增删改查

这篇文章主要演示了对element ui表格的增删查,编辑就不用介绍了,比较简单,这里的搜索是自己写的,虽不算复杂但代码比较多,后来发现了官网的筛选器,请看此篇文章,element ui使用筛选功能实...

  • 0
  • 0
  • admin
  • 发布于 2021-01-08 13:30
  • 阅读 ( 445 )

element ui使用筛选功能实现前端本地表格搜索

之前自己模拟过一个,但由于是自己写的,比较复杂,有兴趣的同学可以看看这篇文章,element多选表格批量删除本地数据,不走接口,最近发现element官网有一个叫筛选器的东西,由于文档关于筛选器...

  • 0
  • 0
  • admin
  • 发布于 2021-01-08 12:41
  • 阅读 ( 958 )