随笔分类 -  element-ui及其他UI框架

element-ui、 iview、 uniapp
element-ui的tree结构自定义节点点击是否可触发展开缩放
摘要：近期公司项目，用element-ui的tree结构渲染一套数据，层级以两级或三级居多 其中一级节点无实际意义，因此希望一级节点点击后正常展开缩放 二级节点有实际意义，点击后，若下方有三级节点，点击后不希望有缩放操作，而是拿上值去请求数据，点击左侧小三角正常展开缩放 经查看tree组件API发现，目前 阅读全文
posted @ 2023-02-16 11:52 程序员笔记--vue 阅读(357) 评论(0) 推荐(0)
vue单行文本溢出裁切省略号鼠标移入展示详细信息的功能
摘要：近期开发，遇到了个需求，要求内容超长时，不换行溢出裁切，显示省略号，鼠标移入时能看到他的详细信息 需求够简单，但如何判断内容是否有溢出裁切过，确成了知识盲点了 经百度调研，发现， 可以拿dom结构的clientWidth和scrollWidth进行对比，若前者小于后者，则说明有溢出裁切 因此： 方案 阅读全文
posted @ 2023-01-29 18:20 程序员笔记--vue 阅读(499) 评论(0) 推荐(0)
element-ui form表单的input框按回车键后提交表单的问题
摘要：在项目中，经常有表单提交操作，当提交的表单只有一行且均有必填校验时，按回车键会执行form的submit，但这个submit并不一定是我们想要的，因此要想办法避免此问题 避免方法： 通过在form上加 @submit.native.prevent ，这时form表单的input内敲回车也不会自动提交 阅读全文
posted @ 2022-10-22 17:08 程序员笔记--vue 阅读(864) 评论(0) 推荐(0)
element-ui的时间选择器定位失败
摘要：开发过程中有时间选择器切换的功能，代码中用的v-if来控制的 切换时，新出现的时间选择器的选择时间面板在左上角（定位出现问题） 解决方案： 1. 切换的时间选择器用v-show来控制显示隐藏 2. 通过给时间选择器添加key值来进行区分 阅读全文
posted @ 2022-10-13 14:21 程序员笔记--vue 阅读(225) 评论(0) 推荐(0)
element-ui的el-input设置number类型后的相关问题
摘要：element-ui的el-input， 设置type="number"后，后边会多一个上下箭头，并且在中文输入法输入数据的时候，光标上移！！ 前端的强迫症啊 （凭啥你这输入框和别人的不一样， 凭啥你光标就上移了， 你就不能正常点！！！） so，解决一下 1. 解决掉上下箭头 ::v-deep in 阅读全文
posted @ 2022-10-13 10:18 程序员笔记--vue 阅读(706) 评论(0) 推荐(0)
iview框架form表单内的select标签存在的校验问题
摘要：近期做项目发现，iview框架的select框，选中值之后，没能通过表单的必填校验... 仔细看了下，目前我们项目是请求的数据list的id作为key值来进行渲染，这个id是个number类型的0.0 OK，试了下，果然如此，demo如下： https://run.iviewui.com/jE0U4 阅读全文
posted @ 2022-10-11 17:42 程序员笔记--vue 阅读(765) 评论(0) 推荐(0)
iview框架开发的首页登录问题记录
摘要：近期在改iview老项目的登录页面样式，给input框添加了前置图标 然后设计样式如下，直接用iview的input框的prefix属性就完了，简单的一批。 但是！！！出现问题了 账号密码登录完成后可以用浏览器默认保存登录信息把账号密码进行保存，保存后的账号密码在下次登录的时候可以选择，这时候，鼠标 阅读全文
posted @ 2022-04-29 10:44 程序员笔记--vue 阅读(192) 评论(0) 推荐(0)
关于keep-alive缓存router-view时子组件切换后父组件页面刷新的问题
摘要：近期入职的单位，希望页面有缓存，想都没想，第一反应就是keep-alive包裹router-view（思路为正解，且原先有解决的经验） 结果，一写出来，懵逼了，效果不是想要的！！！ 开始找问题： 进入到子路由内，父级路由居然刷新了，这是什么神仙操作？？？ 带着一脸的疑惑，那就给父级路由也缓存上，看看 阅读全文
posted @ 2022-03-03 21:03 程序员笔记--vue 阅读(1079) 评论(0) 推荐(0)
iview的select设置多选和搜索后出现的bug（已解决）
摘要：在使用iview的select的多选 + 可搜索时，发现，在选中一条数据后输入搜索条件，失焦后搜索条件未消失！！！（如下图的1234，在options列表弹窗关闭之后，还存在） 试了下官方API的setQuery方法及其他API，不生效！！！ 最终解决方案，直接 this.$refs,XXX.que 阅读全文
posted @ 2022-02-08 20:03 程序员笔记--vue 阅读(1283) 评论(0) 推荐(0)
基于iview AutoComplete实现的搜索，展示搜索历史的功能问题总结
摘要：近期接手了个iview实现的后台管理系统，需要添加个输入框，根据输入信息查询的功能，还需要展示搜索历史。 看了下iview组件，里面有个AutoComplete 自动完成组件，看了下这个效果，跟想要的类似，那就用这个。 组件是挺好用的，但测试提了个问题：弹出的内容在页面宽度改变的时候不跟着input 阅读全文
posted @ 2022-01-28 10:33 程序员笔记--vue 阅读(942) 评论(0) 推荐(0)
基于element-ui实现未知类型的时间选择器（解决过程及最终理论效果）
摘要：近期入职的公司，主要做web后台和小程序开发。 web后台开发时，有个需求：用户希望选择时间的时候添加一些未知选项，比方说，我记得一件事，发生在2021年7月的上午9点30，但忘了具体是哪天了，我就可以选上年、月、时、分等还记得的时间，日以UK（unknown）表示，这样就能形成一个未知的时间 20 阅读全文
posted @ 2022-01-05 14:46 程序员笔记--vue 阅读(240) 评论(0) 推荐(0)
关于element-ui的input框使用clearable后出现两个XX的问题
摘要：近期使用element-ui开发的时候，突然出现个bug，是element-ui的input框添加clearable后出现两个XX（关闭icon图标） 项目场景：element-ui开发的项目在页面的dialog中嵌套了一个popover（manual触发），popover的内部嵌套的input，i 阅读全文
posted @ 2021-08-12 17:21 程序员笔记--vue 阅读(2564) 评论(0) 推荐(0)
element-ui的collapse中嵌套table的问题（已解决）
摘要：近期做vue + element-ui发现了点小问题： 在collapse（折叠面板）下嵌套table，打开collapse时会出现瞬间的高度抖动，然后恢复， 详细demo如下（一致性是修复后的正常情况， 反馈是修复前的抖动情况）： https://codepen.io/jiangguangyao/ 阅读全文
posted @ 2021-08-09 13:46 程序员笔记--vue 阅读(2376) 评论(4) 推荐(0)
vue的页面缓存带有iframe的页面（转载）
摘要：近期做vue + element-ui的后台项目，用keep-alive作缓存，新提了个需求，要动态地向路由中嵌套iframe 网上的解决方案如下，觉得挺有灵性的，做下记录： Vue中对iframe实现keep alive无刷新的方法 他这主要思路是嵌套的页面不用keep-alive包裹，而是通过v 阅读全文
posted @ 2021-07-13 15:33 程序员笔记--vue 阅读(3297) 评论(0) 推荐(0)
element-ui的select和popover共存时的问题
摘要：问题路径： https://codepen.io/jiangguangyao/pen/JjEjaYa 问题描述： 在select和popover（click触发）共存的情况下，打开popover后再点击select框，popover不会关闭。 疑问点： popover的click按照效果来看，应该是 阅读全文
posted @ 2021-03-23 13:17 程序员笔记--vue 阅读(2389) 评论(0) 推荐(0)
element-ui的popover嵌套popover问题（已解决）
摘要：近期使用element-ui时发现了个小bug：https://codepen.io/jiangguangyao/pen/KKNLMYG 在popover内嵌套popover，外层使用的是manual方法，内部使用的click方法（click点击除当前节点会关闭当前popover） 在内部popov 阅读全文
posted @ 2021-03-17 17:40 程序员笔记--vue 阅读(5042) 评论(0) 推荐(0)
vue--element-ui的同一标签顺序添加两次loading时第二次loading全屏的问题
摘要：在使用element-ui做后台管理系统的过程中，发现了个问题，原有的左侧tree结构加载时有loading，现在在上传excel过程中，需要在上传时禁止操作当前tree结构，因此在上传时拿到当前节点，使用服务方式进行loading渲染，这时出了问题。 前提条件： 两个loading均为服务方式，操 阅读全文
posted @ 2021-02-05 09:47 程序员笔记--vue 阅读(1493) 评论(0) 推荐(0)