草庐IT

custom-element

全部标签

基于vue-element-admin升级的Vue3+TS+Element-Plus版本正式开源,有来开源组织又一精心力作

项目简介vue3-element-admin 是基于 vue-element-admin 升级的Vue3+ElementPlus版本的后台管理前端解决方案,是 有来技术团队 继 youlai-mall 全栈开源商城项目的又一开源力作。项目使用Vue3+Vite2+TypeScript+ElementPlus+VueRouter+Pinia+Volar等前端主流技术栈,基于此项目模板完成有来商城管理前端的Vue3版本。本篇先对本项目功能、技术栈进行整体概述,再细节的讲述从0到1搭建vue3-element-admin,在希望大家对本项目有个完完整整整了解的同时也能够在学Vue3+TypeScri

PHP 编译错误 : "Cannot use empty array elements in arrays"

我有一个使用bepsvpt/secure-headers的Laravel5项目使用以下配置文件打包:config/secure-headers.php'nosniff','x-download-options'=>'noopen','x-frame-options'=>'sameorigin','x-permitted-cross-domain-policies'=>'none','x-xss-protection'=>'1;mode=block',/**Referrer-Policy**Reference:https://w3c.github.io/webappsec-referre

PHP 编译错误 : "Cannot use empty array elements in arrays"

我有一个使用bepsvpt/secure-headers的Laravel5项目使用以下配置文件打包:config/secure-headers.php'nosniff','x-download-options'=>'noopen','x-frame-options'=>'sameorigin','x-permitted-cross-domain-policies'=>'none','x-xss-protection'=>'1;mode=block',/**Referrer-Policy**Reference:https://w3c.github.io/webappsec-referre

element表格tooltip内容换行展示(本人第一次写帖子效果图在最后如果是各位想要的效果请点个赞,写的不好的地方也可以指导一下万分感谢)

前言在使用element的table中咱们有可能会遇到后端返回的单个字段有多个内容这个时候想一个单元格展示换行其实很简单直接就是template加个块标签v-for就可以了如果是很多的话这样表格就不美观如下图,这个时候大家会想到是show-overflow-tooltip,但是如果说数据跟我的一样是时间,他只能说是帮你隐藏不能帮你做到换行展示这个时候还得使用tooltip。 二、话不多少了直接上代码和成果图了1.HTML部分代码如下:tooltip其实也是不支持换行的但是官方给了我们slot将内容作为插槽传入dom就可以达到我们想到的效果了。 下图的popper-class是tooltip的样

Vue3+element-plus实现后台管理系统

背景(未完待续) 环境:node.js软件、Vscode、vite、elemnt-plus、windicss(样式框架) 第一节课 1、首先,使用npm命令构建项目(vscode安装的插件vscode中文显示插件 2、高亮提示插件volar 3、vue3sni代码提示)快速上手|Vue.js  a.npm-v查看node.js版本  b. npm configgetregistry 查看注册镜像是不是国内的,如果不是则执行以下命令注册成国内的。  c. npmconfigsetregistry=https://registry.npmmirror.com 切换成国内镜像    代理地址淘宝re

Mysql工作台 "Too many objects are selected for auto placement. Select fewer elements to create the EER diagram."

我正在尝试在ubuntu中使用Mysqlworkbench生成ER图。Thedatabasecontains755Tables错误信息Toomanyobjectsareselectedforautoplacement.SelectfewerelementstocreatetheEERdiagram.是否有可能避免此错误并继续一次为所有755个表创建逆向工程 最佳答案 Workbench发出“资源警告”错误,然后为您取消选择“将导入的对象放在图表上”选项。在没有该选项的情况下再次执行它(单击“执行”)以执行逆向工程向导。然后,创建一个

Mysql工作台 "Too many objects are selected for auto placement. Select fewer elements to create the EER diagram."

我正在尝试在ubuntu中使用Mysqlworkbench生成ER图。Thedatabasecontains755Tables错误信息Toomanyobjectsareselectedforautoplacement.SelectfewerelementstocreatetheEERdiagram.是否有可能避免此错误并继续一次为所有755个表创建逆向工程 最佳答案 Workbench发出“资源警告”错误,然后为您取消选择“将导入的对象放在图表上”选项。在没有该选项的情况下再次执行它(单击“执行”)以执行逆向工程向导。然后,创建一个

element-UI样式的修改无效问题/vue中一个组件修改elementui的样式影响全局的elementui的样式

一、重新给定选择器比如class或者Id选择器,设置的样式无效原因:重新给定的选择器设置的样式一些无效,是因为一些样式element-UI已经给定了,给定的这些样式就不能通过选择器来修改样式。没有给定的就可以生效解决方式:打开控制台,然后修改样式,名字以elementui给定的,然后设置!important。提高权重。就可以了。找elementui样式的时候,需要慢慢找,因为有一些是包裹在盒子内层的。二、vue中一个组件修改elementui的样式影响全局组件的elementui的样式解决方式:在style标签中加上scoped通俗理解:scoped就是让style标签内的样式属于单个组件,如

【最简便方法】element-plus/element-ui走马灯配置图片以及图片自适应

首先展示官网给的模板{{item}}.el-carousel__itemh3{color:#475669;opacity:0.75;line-height:200px;margin:0;text-align:center;}.el-carousel__item:nth-child(2n){background-color:#99a9bf;}.el-carousel__item:nth-child(2n+1){background-color:#d3dce6;}目标一:插入图片(后续可以用props动态接收填装图片,这里直接调用来演示) step1:我们把v-for内容改为【iteminimgL

【最简便方法】element-plus/element-ui走马灯配置图片以及图片自适应

首先展示官网给的模板{{item}}.el-carousel__itemh3{color:#475669;opacity:0.75;line-height:200px;margin:0;text-align:center;}.el-carousel__item:nth-child(2n){background-color:#99a9bf;}.el-carousel__item:nth-child(2n+1){background-color:#d3dce6;}目标一:插入图片(后续可以用props动态接收填装图片,这里直接调用来演示) step1:我们把v-for内容改为【iteminimgL