草庐IT

data-element

全部标签

el-select报错:vue.esm.js?5cd5:5105 [Vue warn]: <transition-group> children must be keyed: <ElTag>;无法选中

目录一、问题二、原因及解决方法三、总结Tips:嫌麻烦可以直接看总结中有颜色的字体即可!一、问题1.使用elementselect控件时有警告(childrenmustbekeyed:)且无法选中下拉项vue.esm.js?5cd5:5105[Vuewarn]:childrenmustbekeyed:foundin--->    atpackages/select/src/select.vue     atsrc/projects/comen/equipmentManagement/historyTrack/index.vue      atsrc/views/equipmentManagem

vue中使用elementUI使用el-tabs,切换Tab如何实现实时加载,以及el-table表格使用总结

当我们在开发中遇到tab切换,这时候用el的el-tabs感觉很方便但当我在把代码都写完后,发现一个问题就是页面打开时虽然我们只能看见当前一个tab页,但是vue会帮你把你写的所有tab页的内容都渲染出来了,只是其他的隐藏了,同时其他tab的js也都走了一边,当你点击tab时js就不会再去请求后台这种机制会造成一个问题,就是如果每个tab页的数据都过大的时候,可能就会导致首次打开页面卡顿现象,同时如果数据库数据在实时发生变化的话,比如你一分钟前打开的这个页面,看的是tab1的内容,看了1分钟后我想看tab2的内容,但此时tab2的内容后台数据库已经发生变化了,你能看到的只是1分钟前的数据,那该

vue中this.$router.push()路由传值和获取的两种常见方法

      今天接到了比较大的需求,由于这个公司的接口调用方法和上一段实习那家公司的写法很不一样,我花了很多时间在摸索,“踏出第一步总是最困难的”,果然没错,第一个很费劲,但完成之后有了思路,下面的任务也就完成得更顺利了一些。简单记录一下吧!主要步骤:1.首先要配置一下接口【api.js】2.在使用的地方先引入方法【跳转到的页面】3.调用的时候要注意是传什么类型的参数,不然请求不回想要的数据【切记切记看一下接口文档】4.配置跳转路由,并传出参数(注意类型)【今天我一开始传了个对象类型:"userKey":"5",旁边的姐姐帮我看了一下,最后改成了userKey:5传过去,果然就返回了正确的数据

ios - 无需点击通知即可获取收到的 PUSH 通知列表

当我打开应用程序时,我需要阅读手机未激活或后台模式时收到的所有推送通知。"didReceiveRemoteNotification"方法只在通知点击时调用,我想在不点击的情况下阅读通知 最佳答案 返回仍显示在通知中心的应用通知列表。letcenter=UNUserNotificationCenter.current()center.getDeliveredNotifications(completionHandler:{(notificationRequests)inforxinnotificationRequests{print(

docker push 报错:unauthorized: unauthorized to access repository: library/xx处理方法

root@master:/home/data/harbor#sudodockerlogin49.0.241.2adminHarbor123451.报错原因分析root@master:/home/data/harbor#dockerpush49.0.241.2/library/nginx:latest#这种报错Thepushreferstorepository[49.0.241.2/library/nginx]Get"https://49.0.241.2/v2/":dialtcp49.0.241.2:443:connect:connectionrefusedroot@master:/home/d

当 el-input 组件处于禁用状态时,其 click 事件依然会被触发

当el-input组件处于禁用状态时,其click事件依然会被触发。这是因为click事件是浏览器级别的事件,而不是由el-input组件控制的。即使组件处于禁用状态,其元素仍然存在于文档中,并且可以被鼠标点击。如果您希望在禁用状态下阻止点击事件,请考虑使用@click事件监听器来处理事件,并在组件处于禁用状态时返回false。以下是示例代码:template>el-input:disabled="isDisabled"@click="handleClick"/>template>script>exportdefault{data(){return{isDisabled:true,};},me

Vue3+element ui取消el-select下拉选边框

Vue3+elementui取消el-select下拉选边框需求是:取消下拉选的边框,并且修改下箭头的图标,从其他博主那拼凑修改出来的,适用于我项目的方法,在此做个记录修改前修改后css样式 //取消el-select的边框 :deep(.el-input){ width:100px; --el-input-focus-border:#fff; --el-input-transparent-border:0000px; --el-input-border-color:#fff; --el-input-hover-border:0px!important; --el-input-ho

vue2 前端导出el-table表格为Excel文件 (自带样式)

前话:我只是个自学到工作的小菜鸟,如果有大佬有更好的方法,希望不吝赐教。1.电脑环境node版本14.20.0   vue-cli4.4.0(如果你的项目是vue-cli5版本(即webpack5)的会有很多问题,解决办法写在后边)这是我用到的三个插件的版本,自行安装,版本请保持和我一致。【我发布了oh-my-toolsnpm包,也可以直接下载包使用,npmioh-my-tools,然后使用】 "file-saver":"^2.0.5",  "xlsx":"^0.16.9",  "xlsx-style-medalsoft":"^0.8.13"2.下边直接贴代码,复制能直接使用,完全二百五都能用

el-table相同数据行单元格合并

el-table列表相同内容合并背景实现步骤1.绘制el-table2.编写合并方法2.1计算合并的行号2.2计算合并行号数组**indexArray**。2.3编写行号合并方法3.全部代码背景项目中列表第一列是名称,需要实现的效果是相同名称的行合并,如图所示:实现步骤1.绘制el-table按照常规的写法绘制一个表格,根据官方文档element-ui介绍编写表格合并规则方法。代码示例中的span-methodel-tablev-loading="listLoading":data="list":span-method="objectSpanMethod">el-table-columnpro

elementui el-input输入框金额显示 千分符与输入框 金额输入框 表格或列表中的金额输入框

1、实现思路当用户不对输入框进行任何处理时,将数值转成千分符形式,例如12,345.67格式,在用户点击金额进行输入修改操作的时候,显示的数值形式12345.67,并且用户在输入过程中禁止输入中文、英文、特殊符号、英文逗号等,只能输入数字、一位小数点、小数点后2位;修改输入框内容时,更新表格合计值。2、截图效果3、实现代码el-tableref="table"border:data="tableData"v-loading="loading"max-height="300"show-summary:summary-method="getSummaries">el-table-columntyp