logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

解决el-input无法输入的问题 vue2+element el-input

摘要:在el-dialog中使用el-form表单时,出现中文输入模式初次可输入但无法修改,英文模式仅能输入单个字母的问题。经排查并非数据双向绑定问题,最终发现原因是el-input组件中图标插槽绑定了未定义的点击事件方法。移除该事件绑定后,输入功能恢复正常。该案例说明表单输入异常可能与额外绑定的事件有关,需检查所有相关属性配置。

文章图片
#vue.js#javascript#elementui
webkit-box-reflect,前端Css文字倒影,制作炫酷的时钟倒影效果.

webkit-box-reflect属性提供元素倒影:webkit-box-reflectwebkit-box-reflectwebkit-box-reflect三个参数:效果

文章图片
#前端#webkit#css
Vue中拖动排序功能,引入SortableJs,前端拖动排序。

作为一名前端开发人员,在工作中难免会遇到拖拽功能,分享一个github上一个不错的拖拽js库,能满足我们在项目开发中的需要,支持Vue和React,下面是我在vue后台项目中中使用SortableJS的使用详细流程;里面的配置:draggable: ".listitem"将这个改成你需要拖动的实际元素的class,注意不与别的地方的元素重复.里面有你拖动的这个元素拖动前的索引和拖动后的索引,于是我

文章图片
#前端#vue.js#javascript
vue登录验证码格子组件(做组件使用)

vue登录验证码格子组件(做组件使用)

文章图片
#vue.js#javascript#前端
前端预览pdf文件(后端返回pdf文件流)

我的后端给的接口直接在浏览器输入完整地址会自动下载pdf文件,这样就是返回的pdf文件流,亲试比较方便的有iframe和直接window.open临时地址.

文章图片
#前端#状态模式
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map

push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map、every、some、forEach、reduce、includes、findIndex、form伪数组转换成真数组、split('分隔符') 、字符串截取的方法 slice() substring() substr()-详细对比

文章图片
#javascript#前端#开发语言
不使用el-form单独给el-input设置表单校验,自定义input表单校验

有时候我们需求只需要对一个input进行校验,el-form的校验需要定义各种规则,然后prop,所以干脆放弃el-form的校验,直接手搓一个校验即可

文章图片
#前端#javascript#vue.js
github pages 用法详解 发布自己的网站

这里的分支选择、目录选择都是很巧妙的设计。主分支一般是放代码的,不会放 index.html 这样的网页内容。所以一个方案就是通过目录,把网页放到 docs 目录下。pages 发布的时候,会花费点时间,请耐心等待约 1-5 分钟。用任意编辑器写好(或者生成)标准的网页内容,push 到 myrepo 即可。和大部分 web 服务一样,pages 会到指定目录里面寻找 index.html 作为网

文章图片
#github
【el-tree】树形结构拖拽,拖动修改分组

我的项目中,树形结构的分层是通过parentid的.而分组内部的顺序是通过每一项的sortCode来决定的. 而el-tree在拖拽完成后,el-tree所绑定的数组会自动的和视图同步,我们可以省去了操作这个数据移动的步骤,我们需要关心的就是拖拽后,如果节点的层级改变了,那么需要将被拖拽节点的pid修改成改变后的父节点的id,以及更新进入的那个分组的里面所有元素的Sortcode.在拖拽后,进入我

文章图片
#elementui#前端#javascript
    共 26 条
  • 1
  • 2
  • 3
  • 请选择