草庐IT

background_element

全部标签

vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目

最后是完整的vite.config.ts、main.ts配置1、先用vite创建一个项目npmcreatevite@latest2、安装elementplusyarnaddelement-plus@element-plus/icons-vuevite.config.ts配置组件按需导入,图标自动导入npminstall-Dunplugin-vue-componentsunplugin-auto-importunplugin-icons importpathfrom'path'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-v

Element UI Select组件远程搜索没有箭头图标

ElementUISelect组件远程搜索没有箭头图标问题描述问题解决:CSS解决问题解决:JS解决两种方法的缺陷参考资料问题描述el-select组件启用远程搜索,加上remote并传入一个remote-method,此时内部i标签类名缺失,选择器无法显示下拉箭头图标问题解决:CSS解决.el-select{.el-select__caret:first-child::before{content:"\e6e1";}.is-focus{.el-select__caret:first-child{transform:rotateZ(0deg);}}}问题解决:JS解决在控制台查看对应的dom,

android - 小部件问题 : BroadcastQueue: Background execution not allowed: receiving Intent

我的应用小部件在升级到targetSDK到28后停止工作。它在旧的targetsdk设备上完美运行。我收到以下错误:W/BroadcastQueue:Backgroundexecutionnotallowed:receivingIntent{act=ch.corten.aha.worldclock.WIDGET_DATA_CHANGEDflg=0x10}toch.corten.aha.worldclock/.WorldClockWidgetProviderW/BroadcastQueue:Backgroundexecutionnotallowed:receivingIntent{act

Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)

1、需求使用Vue+ElementUI实现在列表的操作栏新增一个复制按钮,复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面,本文实现为跳转到新增页面。2、实现1)列表页index.vue方法部分:用id来区分,正常新增id为0,复制id不为0methods:{ //复制 toCopyNew(item){ const{url}=this.$getKey('这是是业务权限值,不需要这里可以不写') this.$router.push(`/${url}-New/${item.Id}`) },}2)新增页New.vuedata(){return{id:this.$route.params.id,

使用element 2.14 实现表格虚拟滚动组件

下述代码为组件实现代码复制即可食用,默认只展示一屏数据加两条全选存在些许问题,使用row-key时,如果行过多滚动时会不会很流畅特别需要注意的是行高必须要保持一致template>divclass="t-table":id="TTableId">el-tableref="el-table":tooltip-effect="tooltipEffect":data="tableData"border:height="height":row-class-name="rowClassName":key="tableKey":row-key="getRowKey"@select-all="val=>{t

Element-UI组件使用 --踩坑篇

Elementui组件使用--踩坑篇1.VueElementuiel-input键盘Enter事件导致刷新表单问题2.el-upload上传图片,action的默认路径为空,自定义接口上传图片,导致调接口出现404的情况3.el-dropdown组件使用时,子选项无法绑定事件的处理4.在一个方法里面同时调用两次this.$notify方法,会出现通知框重叠的问题(如下)1.VueElementuiel-input键盘Enter事件导致刷新表单问题问题描述:Elementui中的el-input,当input仅有一项时,使用@keyup.enter.native事件绑定回车事件,点击回车之后浏览

Android:转到 "background"时保存应用程序状态

我有一个复杂的Android应用程序,其中有大量应用程序状态需要保留(以特定格式)。写出数据不是瞬时操作,因此最好尽量减少不必要的持久化。由于持久性开销,每次更改时都持久化状态是不切实际的。理想情况下,当用户点击“主页”按钮或点击应用程序根Activity上的“后退”按钮(或来电等)使应用程序“后台运行”时,将触发持久状态。这最大限度地减少了持久性开销,同时从用户的角度维护了状态的一致性。问题是您如何检测应用程序是否处于“后台”状态?Activity生命周期调用(onStart、onResume、onPause和friend)没有帮助,因为该应用程序有许多不同的Activity,当用户

vue2与vue3项目中,分别使用element组件的message消息提示只出现一次的实现

比如出现以上现象,想要让上一次提示没有结束,下一次提示不会出现就可以用以下方法解决解决后的现象一:上一次提示框显示后,提示框出现的提示时间没有结束,再次点击,提示框不会有反应,在该提示的时间内一只显示,下一次提示不会出现,直到该提示的时间过了之后,你再次点击才会出现提示框,不会点一次就更新一次提示框vue2项目中:解决方法if(document.getElementsByClassName('el-message').length==0){     this.$message({                message:'请填写正确的手机号',                type:'

Element UI如何自定义样式

简介ElementUI是一套非常完善的前端组件库,但是如何个性化定制其中的组件样式呢?今天我们就来聊一聊这个举例就拿最常见的按钮el-button来举例,一般来说默认是蓝底白字。效果图如下可是我们想个性化定制,让他成为粉底红字应该怎么办呢?方法1使用行内样式,直接设置el-button的样式el-buttoncolor="pink"style="color:red">红字/el-button>优点:使用浏览器工具直接定位到影响样式的属性名或者类名,使用style直接修改,方便易懂缺点:只修改一俩个样式还行,大面积修改的话会让标签显的很乱。不美观方法2使用深度选择器,在style标签中修改样式,

element-ui 表格底部留白/el-table__body-wrapper is-scrolling-none 高度错误

element-ui表格底部留白/el-table__body-wrapperis-scrolling-none高度错误问题描述解决方法方法一①样式修改法一②样式修改法二方法二(暴力版)问题描述el-table__body-wrapperis-scrolling-none的高度在没有完全展开的时候会造成表格体溢出,表格显示不完全,底部留白。解决方法方法一这是网上搜罗到的方法,但对我没用,还是放出来给大家做个参考动态计算table的高度。①样式修改法一.assets-table/deep/.el-table__body-wrapper{height:calc(100%-40px)!importa