今天遇到了一个bug,就是在使用element-UI的select框时,当选中值,会触发@change事件,下拉框消失,但是这时候select框还是处于获取焦点状态.可以看到select框还是处于颜色高亮状态.所以当我再次点击enter框时,下拉框再次显示,也会再次触发@change事件. 第一次看到这个bug的时候我是懵逼的,因为我不知道enter键居然有等同于鼠标左键的效果.然后我试了几个解决方案,以下是我的解决方案及效果. 1.禁止select框的enter事件 @keyup.enter,

一,场景 通过使用checkbox,实现如图的场景, 点击某个tag,实现选中和非选中状态. 二, 官网的例子 通过切换checked值为true或者false来实现,一个checkbox的状态切换 <template> <!-- `checked` 为 true 或 false --> <el-checkbox v-model="checked">备选项</el-checkbox> </template> <scrip

今天在用element-ui写管理后台需求时,遇到一个奇怪的问题 一个正常带校验的表单,在新增列表数据时表单校验功能正常: 但是在新增之后再去编辑数据时,表单校验却失效了,甚至阻塞了后续的代码执行,控制台却没有任何报错信息,这让我感到非常奇怪 附上表单校验处代码 在validate方法回调函数的第一行打印了日志,控制台没有任何输出,说明代码没有执行. 查阅了element文档以及度娘,有说是自定义校验方法的问题,但是把自定义校验相关代码及相关表单项都删除后问题还是没有解决. 各种尝试之后,最后发

今天在用elementui做后台系统,遇到第一个坑:分页显示的是英文 按照官网组件复制下来的代码: <el-row :gutter="0" style="margin:30px"> <el-col :span="10" :push="psize"> <el-pagination :current-page="pageIndex" :page-sizes="[10, 2

element ui 坑况:今日pull代码,潇洒npm run dev ,被告知:this dependency was not found:'element-ui/lib/theme-chalk/index.css'....... 解决思路 1.找不到依赖,路径问题 这是不科学的啊,昨天能够跑通的代码,今天就狗带了? 但是你也要去找找路径相关的解答,万能度娘上线,大多是这样的,应该这样引用"./" emmmm 分析了一波不太对啊!elementui 的引用方式就是这样的 impor

之所以将这个问题列在排坑记之中,是因为官方组件的一个属性颇有些隐蔽,这个问题曾经折腾了本人较多时间,始终思维固着,且使用搜索引擎也不容易搜索到答案,故记之.然而实际解决却是相当简单的. 一.问题描述 在element UI的tabs组件中,假设需要在tab切换时执行某个函数,有什么方案? 二.问题举例 有两个tab,tab1和tab2,两个tab都有一个el-select组件,分别是el-select1和el-select2.el-select1和el-select2绑定了同一个字段,但是两者的

element ui提供了成熟的组件场景,但实际工作中难免会遇到认(sha)真(diao)的产品.比如,最近遇到的,要求实现手动上传特定格式文件(用户点击“上传文件”按钮,确定之后,只是单纯选择了文件,点击页面上的“提交”按钮才上传),并展示用户选择的文件名称,且只能选择一个文件,如果用户选择第2,3,4...等文件,要求后者覆盖前者,即用户看到的总是最新选择的文件. OK,需求合理,但是,查了查API,呃...貌似不太好完美实现. 查源码,改样式.完美奉上解决方案. 一,实际应用场景 实现手动

每次做各种form表单时,首先要注意的是初始化,但是刚开始若没有仔细看文档,则会自己写个方法将数据设置为空,但是这样就会出现一个问题,表单内存在各种验证,假如是一个弹框内有form表单,弹框出现就执行上述代码,可能会出现表单验证的错误提示仍然保留的情况. element UI 官方文档提供了一个resetFields()的方法 this.$refs[formName].resetFields() 不仅可以帮你初始化数据,还可以将验证提示消除!!! 但是在使用时踩了一些坑, 编辑和新增使用了同一个

前端踩的一些坑   前端踩的一些坑 本节内容 事件代理 清除标签的所有事件 bootstrap的模态框自定义方法 ajax在django里面实现post提交 ajax提交数据嵌套 1.事件代理 之前写前端的时候发现在ajax里面获取到的部分html插入到主页面中,插入的部分html中的button始终无法绑定click事件...各种找问题,最后发现锅是在页面刚请求到的时候,那部分ajax请求到的页面还没有加载到主html中,js绑定事件的时候找不到这个标签,于是就绑定失败. 之后在网上找相关资料

最近,在公司给一些刚刚使用vue进行开发的同学做了一次分享, 其中包括一些vue开发中需要注意的点, 以及一些可能会踩到的坑.具体内容如下: 一.生命钩子使用需要注意的地方 1.beforeCreate文档描述:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用.注意: 在这个钩子上,this变量还不能使用,data里的属性,methods方法里的方法,watcher中的事件都无法获得:2.created文档描述:在实例创建完成后被立即

    企业级(例如ERP)应用, 一遍一遍的在重复:认证.验证.异常处理.日志.国际化和本地化.数据库连接管理.配置管理. 审计记录等,同时.NET有很多最佳实践:分层.模块化.DDD领域驱动.DI依赖倒置等,采用ABP就是基于这些惯例,来避免重复劳动,并且提供高质量.高效率的.NET开发.对于没有专职架构师的小型公司来说,选择ABP,可能是比较好的方案.万事都有利有弊,使用框架带来好处的同时,也有诸如学习曲线.踩坑等问题,本人使用ABP有3年多时间,实践了几个项目,踩过的坑有很多:想通过这个

背景 Scrapy爬虫的确是好使好用,去过scrapinghub的官网浏览一下,更是赞叹可视化爬虫的犀利.scrapinghub有一系列的产品,开源了大部分项目,Portia负责可视化爬虫的编辑,SpiderCloud负责云端爬虫的部署,Scrapy是实现他们底层的技术.国内的可视化爬虫技术也有不少,据我所知就这几种: 集搜客 造数 如果有其他优秀的可视化爬虫我没有提到,大家可以补充.他们的功能暂不讨论,但他们都没有开源的,不方便我们研究. 而scrapinghub将Portia开源出来了,我们

https://blog.csdn.net/sinat_37255207/article/details/88914235 一个很坑的 深坑  element UI 的 按钮 不显示的深坑 <el-pagination background @size-change="availableStore2TableHandleSizeChange" @current-change="availableStore2TableHandleCurrentChange" :

此文刚刚上了CocoaChina的首页:那些年提交AppStore审核踩过的坑  欢迎围观,谢谢大家支持. //add by 云峰小罗,2016.08.04 做iOS开发近5年了,每次提交版本时不可谓不小心翼翼,如履薄冰,但是还是难免踩到了一些坑.苹果的官方文档(AppStore审核条款)这里就不罗列了,太冗长繁琐了,而且大部分是一般app都不会触碰的到的,今天我主要想以自己的亲身经历,跟大家回顾一下这些年我提交AppStore审核时踩过的坑,并且针对如何避免给出一些tips供大家参考.大神请忽

公司项目重构,经过商定使用element ui.在重构项目的时候发现一下element ui上很蛋疼的东西. 例如,这个form表单就是一个.趁着在高铁上没事,把想写的东西写一下. 先说一下element ui提交form表单的时候,如果没有进入我们预想的代码流程,一般就是你写的自定义验证规则有误. 例如如下代码.验证镜像的名称是否重复的一个方法.每个if-else都需要有内容.如若满足就要有一个callback(). 反正我是被这个地方给坑了,之前写代码,一般就是if满足条件之后怎么怎么样,这

一.路由 这两天移动端的同事在研究vue,跟我说看着我的项目做的,子路由访问的时候是空白的,我第一反应是,不会模块没加载进来吧,还是....此处省略一千字... 废话不多说上代码 路由代码 { path: '/list', name: '列表', component: Layout, meta: {title: '列表', icon: 'service'}, redirect: '/orderManger', children: [{ path: '', name: '主列表', compone

Dcloud开发webApp踩过的坑 一.总结 一句话总结:HTML5+扩展了JavaScript对象plus,使得js可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头.陀螺仪.文件系统等,业务能力如上传下载.二维码.地图.支付.语音输入.消息推送等.其实我只要把js拿到手,就可以很方便用在手机开发的网站上面了. 1.Dcloud可以做mobile web项目么? 可以,而且感觉会比浏览器多调用点api 但这就是一个普通的web项目,b/s方式,不可脱线运行,不能调用HTML5P

原文链接:https://geniuspeng.github.io/2017/08/24/mobile-issues/ 扔了N久,还是捡回来了.好好弄一下吧.刚工作的时候挺忙的,后来不那么忙了,但是变懒了.这一年大多数时间都在在做移动端的东东,做了之后才发现,同样是web前端,移动端的坑真的是深不可测,各种各样的,只有想不到,没有遇不到.在这里把最近踩过的坑整理一下. No.1 大字体问题 首先,要解决的关键问题是如何为设备选择可视视口尺寸,采用理想视口尺寸作为可视视口尺寸,代码也十分简单,只需

    方法使用前需了解: 来自”和“小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查该form上添加的表单验证是否正确,需要注意的点有: 1.使用此方法前检查prop一定必须要写在<el-form-item>上面,写在里面的input上或者其他任何地方都不行(el-form-item prop属性绑定) 2.el-form rules,model属性绑定,ref标识 自定义表单验证的坑: 一.v

填坑记录:今天用element ui的表格组件做用户信息展示,直接拉取的官网的代码过来,发现表头和每一行都太高了,如下: 因为第一次使用element ui的表格组件,不太清楚会遇到这样的坑,以为能轻松控制高度,于是去百度大佬们的解决办法,也试了好几个,发现改变不了样式,快准备放弃等明天问下项目组的人的时候,看到了一篇文章:https://blog.csdn.net/u012499506/article/details/81217277(Vue修改element ui table tr th高度

记录一下入手Flutter后实际开发中踩过的一些坑,这些坑希望后来者踩的越少越好.本文章默认读者已经掌握Flutter初步开发基础. 坑1问题:在debug模式下,App启动第一个页面会很慢,甚至是黑屏.解决:请切换到release模式,或者使用flutter build apk 打出来的release包不用修改任何代码就可以解决问题.坑指数:⭐️⭐️⭐️ 坑2问题:使用官方做法集成现有Android 项目:https://github.com/flutter/flutter/wiki/Add-