草庐IT

element-admin

全部标签

element-ui给禁用的按钮设置鼠标经过显示tooltip的tips提示

情境:按钮禁用的时候显示tips提示如果我们按照一般的做法是在el-tooltip标签中包裹设置禁用disabled属性的el-button按钮,理论上这样就能达到想要的效果,“纸上得来终觉浅,绝知此事要躬行”,让我们手动试一下,效果如下:代码如下:同意驳回 答案是不能做到!我们在禁用按钮的时候,其实把tips也禁用掉了,tooltip就是包裹button的,那个tips就是加在按钮上,按钮都被禁用了,tips怎么可能还会出现呢?想要达到禁用的按钮鼠标经过时出现tips提示,解决办法是:在button外面再套一层标签,tooltip包裹里的第一级是谁,那么tips就是加给谁的,所以我们把tip

vue3 集成 Element-Plus之全局导入/按需导入

element-plus集成ElementPlus,一套为开发者、设计师和产品经理准备的基于Vue3.0的桌面端组件库:在Vue2中使用element-ui,而element-plus是element-ui针对于vue3开发的一个UI组件库;它的使用方式和很多其他的组件库是一样的,所以学会element-plus,其他类似于ant-design-vue、NaiveUI、VantUI都是差不多的;移动端使用VantUI|MintUI安装element-plusnpminstallelement-plus1.全局引入一种引入element-plus的方式是全局引入,代表的含义是所有的组件和插件都会

Element UI 按钮点击后不失焦,按钮颜色改变问题

ElementUI按钮点击后不失焦问题elementui按钮在点击后没有恢复设置的颜色,是因为点击按钮后,焦点仍在按钮上下面是两种解决方法:1、第一种:改变按钮获取焦点的按钮样式,使按钮颜色点击前后颜色一致,当然这种只是解决的点击按钮后颜色改变的问题,焦点还是在按钮上的。.edit,.edit:focus{border:none;color:#ff9b26;background-color:#fff0df;}2、第二种:强制使按钮失去焦点点击button的时候,如果点击到文字(即span)上,这个时候evt.target是span标签,这个时候是没法直接触发其父节点button的blur方法的

ruby-on-rails - Active Admin - 根据第一个下拉菜单刷新第二个下拉菜单,Ruby on Rails

我在RubyonRails上使用ActiveAdminGem。我有一个表格,我在其中选择了类别和子类别,然后相应地我必须填写数据。所以我在事件管理资源中添加了sqlite创建了两个表。一切正常,但子类别的下拉列表未根据所选类别进行过滤。我也是Ruby和RoR的新手。我不知道如何在选择类别后刷新子类别的下拉列表。我知道我可以通过AJAX和javascript做到这一点,但我不知道在哪里编写代码?此外,在ActiveAdmin中是否有任何特定的过滤器可以在没有ajax或javascript的情况下实现。任何想法或帮助将不胜感激。 最佳答案

ruby-on-rails - Active Admin - 根据第一个下拉菜单刷新第二个下拉菜单,Ruby on Rails

我在RubyonRails上使用ActiveAdminGem。我有一个表格,我在其中选择了类别和子类别,然后相应地我必须填写数据。所以我在事件管理资源中添加了sqlite创建了两个表。一切正常,但子类别的下拉列表未根据所选类别进行过滤。我也是Ruby和RoR的新手。我不知道如何在选择类别后刷新子类别的下拉列表。我知道我可以通过AJAX和javascript做到这一点,但我不知道在哪里编写代码?此外,在ActiveAdmin中是否有任何特定的过滤器可以在没有ajax或javascript的情况下实现。任何想法或帮助将不胜感激。 最佳答案

【vue3-element-admin】Husky + Lint-staged + Commitlint + Commitizen + cz-git 配置 Git 提交规范

前言本文介绍vue3-element-admin如何通过Husky+Lint-staged+Commitlint+Commitizen+cz-git来配置Git提交代码规范。核心内容是配置Husky的pre-commit和commit-msg两个钩子:pre-commit:Husky+Lint-staged整合实现Git提交前代码规范检测/格式化(前提:ESlint+Prettier+Stylelint代码统一规范);commit-msg:Husky+Commitlint+Commitizen+cz-git整合实现生成规范化且高度自定义的Gitcommitmessage。HuskyHusky是

X-admin经典前端后台管理模板,基于layui的轻量级前端后台管理框架,简单,兼容性好,面向所有层次的前后端程序

X-admin简介X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的。#X-admin从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发前端后台框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。testadmin完整代码下载地址:X-admin经典前端后台管理模板完整代码下载地址:X-adm

element-ui upload 上传组件中on-success 声明方法不生效问题

最近在学习vue2,实现element-ui框架中upload上传文件组件碰到的一些坑:1.上传文件成功后on-success声明的方法不执行。点击上传只能上传jpg/png文件,且不超过500kb官方模板是上面代码,但是我是实现自定义上传文件,禁用了action实现方式,添加:auto-upload=“false”,然后实现**:http-request=“submitUpload”**,具体的调用上传文件接口在submitUpload方法中实现,但是这种方式调用成功后on-success方法就不执行,改用官方默认的方式就能正常执行on-success块中的代码最后结论:应该是禁用了acti

vscode element ui 提示 插件

element-UI本身不难,但是vscode里面没有语法提示,对于写提示性的语句时真的太难受了。 我在vscode里找到了应该提示很强的elementUI提示库,ElementUISnippets。提示功能很强大。我就喜欢这种不需要怎么敲的插件,真的太好用了! 

uniapp播放视频 Uncaught (in promise)DOMException: The element has no supported sources.

参考:https://uniapp.dcloud.io/component/video.html参考:https://blog.csdn.net/wusejiege6/article/details/110723290加入标签即可效果发现内置的浏览器始终不行查看官方文档可以直接用浏览器或者模拟器运行效果即可运行或者运行到内置模拟器即可效果如下