标签: Javascript

LayUI的验证码功能及校验实例

用layUI的伙伴一定发现了:layUI的验证码是长死图!!!没错,是死图~~~~什么倒霉框架。下面代码是canvas验证码及校验。稍微修改及可用。我嵌套到项目里的效果如图:图片登录验证body{margin:10px;}.demo-carousel{height:200px;line-height...

JavaScript 2021-05-06 53 0 0 阅读全文

快速解决Layui弹窗按Enter键不停弹窗的问题

问题描述:layui弹窗后按enter键不停的弹出,背景变得越来深解决办法一:如图解决办法二:(一个姓杨的大腿解决)

JavaScript 2021-04-28 78 0 0 阅读全文

React实现复选框全选和反选组件效果

react实现复选框全选和反选组件效果运行效果图如下:importReact,{Component}from'react';import{withRouter}from'react-router-dom';//importMenufrom'../menu/Menu.jsx';classListext...

JavaScript 2021-05-20 69 0 0 阅读全文

微信小程序实现页面左右滑动

本文实例为大家分享了微信小程序实现页面左右滑动的具体代码,供大家参考,具体内容如下效果:wxml文件{{open?'手指左滑':'手指右滑'}}我是内容我是内容!js文件data:{open:false,//mark是指原点x轴坐标mark:0,//newmark是指移动的最新点的x轴坐标newma...

JavaScript 2021-04-18 41 0 0 阅读全文

JavaScript中Html画布的使用与页面存储技术

JavaScript中html画布的使用与页面存储技术一、JavaScript使用html中的画布1、画布:页面中用于绘制图形的特殊区域2、绘制图形的过程(1)创建画布:使用html5中画布标签(2)JavaScript中获取画布document.getElementById('id')(3)准备画...

JavaScript 2021-08-12 47 0 0 阅读全文

Vue实例的对象参数Options的几个常用选项详解

一.新建一个Vue实例可以有下列两种方式:1.new一个实例varapp=newVue({el:'#todo-app',//挂载元素data:{//在.vue组件中data是一个函数,要写成data(){}这种方式items:['item1','item2','item3'],todo:''},me...

JavaScript 2021-05-10 41 0 0 阅读全文

在Vant 中使用Cell组件 定义图标该图片和位置操作

@本来想直接使用icon组件,使用阿里的图标库,可是怎么弄也不行,折腾一下午,最后决定使用最笨的办法,直接上代码vant中使用cell组件定义图标该图片和位置像微信信息栏一样二级经营单位//css样式,给cell部分从新定义了css样式.van-cell__value{color:#e6210c;f...

JavaScript 2021-04-13 47 0 0 阅读全文

Layui Table Js 模拟选中Checkbox的例子

思路,根据data-index找到点击到的tr,获取tr下的div,js模拟点击functioniniTable(){layui.use('table',function(){vartable=layui.table;//展示已知数据table.render({elem:tableid,cols:[...

JavaScript 2021-04-26 56 0 0 阅读全文

Vue 实例中使用$Refs的注意事项

在开发过程中,经常会通过实例的vm.$refs(this.$refs)取得通过ref注册过的组件,并进行相应操作,但存在取不到元素的情况,其根本原因是因为$refs只能取得mounted(渲染)之后的元素。例如,在这种情况中,若flag从真值切换到假值取不到节点是正常的,因为v-if如果为假值,那么...

JavaScript 2021-03-29 61 0 0 阅读全文

Vue语法自动转Typescript(解放双手)

代码的复用是一件很常见的事情,如果是公共代码的复用那还好说,直接做成一个内部私有库,想用的话安装一下npm包就行了,但是业务代码的复用就不好做成包了,一般都是复制粘贴我一般写代码的时候,如果觉得某段业务代码以前见过其他人写过,那么考虑到业务优先性,只要别人的代码不是写得太烂,我一般会优先抄别人的代码...

JavaScript 2021-04-28 65 0 0 阅读全文

解决Vue.$Set失效的问题

偶然在项目中发现Vue.$set失效有这样一个需求添加数据过滤用左边是控件选择中间是条件右边是值因为会根据控件不同渲染不同的值选项控件{props:{props:{type:Object,default:()=>({prop:'prop',value:'value',type:'type'})...

JavaScript 2021-07-09 52 0 0 阅读全文

详解Vscode中使用Eslint终极配置大全

在vue项目中使用vscode编辑时,使用了如下这套配置,保存时就会根据既定vue项目中.eslintrc.js文件设置的既定规则自动校验并依据规则修复代码。需安装插件主要是这两个插件:ESLintPrettier-Codeformatter个人现用vscode插件截图.pngvscode中sett...

JavaScript 2021-05-10 73 0 0 阅读全文

解决Vue项目打包后打开Index.Html页面显示空白以及图片路径错误的问题

Vue项目运行npmrunbuild后会生成一个dist文件夹,我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面,这个index就是最后单页面的最终文件。问题一:我在打包完成后,打开index.html文件发现地址并没有携带路由。这样的话...

JavaScript 2021-05-06 73 0 0 阅读全文

JQuery隐藏/显示函数使用技巧(Hide、Show及Toggle)

jQuery效果-隐藏和显示jQueryhide()和show()通过jQuery,您可以使用hide()和show()方法来隐藏和显示HTML元素:$("#hide").click(function(){$("p").hide();});$("#s...

JavaScript 2021-07-02 52 0 0 阅读全文

解决Layui Checkbox 提交多个值的问题

吐槽一下,layui的checkbox简直就是一个坑...(不能提交数组)数据是从后台来的品种{foreach$quotation_typeas$key=>$val}{/foreach}看看JS部分,有点绕,先把数据写进数组,然后,数组转成json格式,覆盖掉原先的data.field里面的数...

JavaScript 2021-04-26 64 0 0 阅读全文

Ant Design Vue 表格Table 默认勾选几项的操作

为什么我同样的功能要用react、vue都写一遍?啊我真是不是闲的蛋疼啊(~o~)~zZ在antdesignvue中,表格的第一列是联动的选择框截一张官方文档图,图示最后一排就是禁用状态点击checkbox会触发onChange,从而得到selectedRowKeys,selectedRowKeys...

JavaScript 2021-04-13 55 0 0 阅读全文

Layui的Layedit富文本赋值方法

layedit赋值方法如下/***设置编辑器内容*@param{[type]}index编辑器索引*@param{[type]}content要设置的内容*@param{[type]}flag是否追加模式*/layedit.setContent(index,content,flag);flag是tr...

JavaScript 2021-04-28 63 0 0 阅读全文

Layui多选只有最后一个值的解决方法

在使用Layui的时候,获取checkbox的表单数据,会出现只会获取到最后一个选中的值,不管是将checkbox的name设置成name[]或name[1],name[2]均无效。form.on('submit(add)',function(data){console.log(data.field...

JavaScript 2021-04-26 53 0 0 阅读全文

Vue 项目@Change多个参数传值多个事件的操作

首先是只有一个change事件changelevel()//选择值若想改变select同时改变row里的值多个事件用;分割开来此时发现changelevel()不执行那么加上()呢changelevel(val){console.log(val)=>//undefined}表示未传参数输出un...

JavaScript 2021-03-29 71 0 0 阅读全文

浅谈Vue使用Cascader级联选择器数据回显中的坑

业务场景由于项目需求,需要对相关类目进行多选,类目数据量又特别大,业务逻辑是使用懒加载方式加载各级类目数据,编辑时回显用户选择的类目。问题描述使用Cascader级联选择器过程中主要存在的应用问题如下:1、由于在未渲染节点数据的情况下编辑时无法找到对应的类目数据导致无法回显,如何自动全部加载已选择类...

JavaScript 2021-04-13 36 0 0 阅读全文