草庐IT

START_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,

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,

android - 尝试在设备上运行 calabash-android 测试时获取 "App did not start (RuntimeError)"

我正在尝试在连接到Windows7笔记本电脑的三星GalaxyS3上运行一组小的初始calabash-android测试,并在尝试启动测试服务器时不断收到“应用程序未启动(运行时错误)”。我已经安装了Rubyv1.9.3p448、RubyDevKit4.5.2(32位)、Ant1.9.2和AnsiCon。我通过在命令提示符下键入“geminstallcalabash-android”安装了calabash-android0.4.20及其所有依赖的gem。我使用XamarinStudio和发布keystore创建了一个签名的APK。当使用--dry-run标志运行时,我的六个步骤的初始功

使用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

遇到Web server failed to start. Port 8080 was already in use.该如何解决?

1.今天晚上做了一个springboot的小案例,运行springboot案例时,发现项目没有启动成功:2.错误描述为:Webserverfailedtostart.Port8080wasalreadyinuse.这句错误描述意思是当前程序的端口号8080被占用了,需要将占用该端口的程序停止掉才行。3.我们按住win+R键调出运行窗口,输入cmd进入命令行:4.进入命令行后,输入如下命令查看“8080”对应端口的程序占用情况:5.我们通过查询发现id为“14268”的进程占用了8080端口,直接将它关闭掉:6.如上图,进程关闭成功后,我们打开idea,重新启动springboot项目,发现项目

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事件绑定回车事件,点击回车之后浏览

Java Web Start - 它适用于 Android 吗?

正如标题所说,通过JavaWebStart部署/使用应用程序是一个可行的选择吗?我在几年前在网上发现了一些帖子,说只有JavaME应用程序可用。 最佳答案 不,这不是一个选择。Android有一个应用程序商店(称为AndroidMarket),其用途相似:管理应用程序安装、更新和版本...因此,从技术上讲,您不需要JWS。 关于JavaWebStart-它适用于Android吗?,我们在StackOverflow上找到一个类似的问题: https://stac

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标签中修改样式,