前端使用JS生成验证码

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

  • 0
  • 0
  • admin
  • 发布于 3天前
  • 阅读 ( 7 )

js检测数据或变量的类型

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

  • 0
  • 0
  • admin
  • 发布于 5天前
  • 阅读 ( 14 )

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

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

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

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

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

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

在uniapp中使用Vuex的方法

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

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

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

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

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

Echarts柱状图添加点击事件

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

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

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

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

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

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

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

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

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
  • 阅读 ( 122 )

Vue深度监听对象与数组

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

element ui双表头及多级表头的使用方法

element表格两个表头和多个表头设置方法是一样的,下面给出了完整案例,直接复制运行即可看到效果,实现原理就是,表头内嵌套表头,很好理解。 <!doctype html> <html> <head&...

  • 0
  • 0
  • admin
  • 发布于 2020-12-21 16:35
  • 阅读 ( 177 )

element ui表格内嵌入input

以下案例演示不仅为大家展示element ui表格嵌入input,还有时间控件,输入框,下拉选择器,html标签,下面上完整案例 <!doctype html> <html> <head> <meta charset="...

  • 0
  • 1
  • admin
  • 发布于 2020-12-18 19:53
  • 阅读 ( 238 )

element ui获取多选表格的选中结果

下面是使用elemet ui多选表格时,获取其选中结果的完整demo. <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 引...

  • 0
  • 0
  • admin
  • 发布于 2020-12-18 17:46
  • 阅读 ( 284 )