![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementUI
文章平均质量分 52
MFG_666
别看我小,别看我小,我就是一只小小菜鸟
展开
-
前端js动态切换图片文字
前端js动态切换图片文字原创 2023-09-08 10:35:31 · 683 阅读 · 0 评论 -
前端Vue后台管理表格增删/批量删除改查案例(带源码)【一】
前端Vue后台管理表格增删/批量删除改查案例(带源码)【一】原创 2022-08-05 11:54:47 · 1903 阅读 · 0 评论 -
Vue中ElementUI后台管理系统面包屑el-breadcrumb
Vue中ElementUI后台管理系统面包屑el-breadcrumb原创 2022-08-03 10:47:28 · 918 阅读 · 0 评论 -
前端vue最新vue-i18n国际化插件实现语言切换(带源码)
目录1.安装i18n插件和elementUI插件2.main.js全局挂载i18n和elementUI挂载3.语言文件en.js,代码如下zh.js,代码如下4.在组件中使用第一种写法源码如下:效果如下图第二种写法源码如下:效果如下图第三种写法源码如下:效果如下图1.安装i18n插件和elementUI插件npm install vue-i18n --savenpm i element-ui -S2.main.js全局挂载i18n和elementUI挂载import ElementUI from原创 2022-04-26 15:20:57 · 5147 阅读 · 3 评论 -
elementUI中表单里面的select选择器字体被挤压如何设置宽度
只需要给el-form加一个label-width="100px"宽度加大,或者设置auto即可,源码如下: <el-form :rules="loginFormRules" :model="form" label-width="auto"> <el-form-item prop='method' label="Method"> <el-select v-model="form.method" placehold.原创 2022-04-24 09:26:23 · 2643 阅读 · 0 评论 -
原生html引入elementui和vue案例(源码)
目录总结源码如下index.html效果图如下总结1.在head里面引入elementui样式,组件,还有vue2.在body里面最外层div设置最好id选择器,其他也可以3.在script标签里面引入vue,el绑定最外层div选择器,类名保持一致,比如id=‘box’,el:‘#box’源码如下index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&原创 2022-04-07 11:40:00 · 5078 阅读 · 5 评论 -
深度选择器{/deep/ ; >>> ; ::v-deep }在vue前端项目中使用注意事项
官网地址:https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E6%B7%B1%E5%BA%A6%E4%BD%9C%E7%94%A8%E9%80%89%E6%8B%A9%E5%99%A8 >>> 在vue中需要去掉 lang 就是原生写法css/deep/ 可以在vue中加lang的css预处理器加less和scss, 用的时候有时会报错::v-deep 也可以在vue中加lang的css预处理器加less和s原创 2022-02-25 17:08:22 · 759 阅读 · 0 评论 -
前端elementUI中el-button 里面图标i 的图片大小设置
注意:使用通过字体图标大小设置图片大小(font-size)而不是width设置图片大小属性:font-size:20px;未设置前: font-size: 18px; <el-button type="primary" size="mini" class="bun" ><span class="bun_span">个人中心</span><i style="font-size: 18px;" class="el-ic原创 2022-02-10 13:38:44 · 5767 阅读 · 2 评论 -
前端elementUI表头header,表格body的字体大小背景颜色大小设置
复制代码到编译器直接用查看即可elementUI官方文档地址:https://element.eleme.cn/#/zh-CN/component/table#table-slot表格属性查看属性Table Attributes1.表头样式属性: header-cell-style2.表格样式属性: cell-style看代码第一种写行间样式写法:<el-table :header-cell-style="{原创 2022-02-10 13:26:39 · 2172 阅读 · 0 评论 -
在Vue项目中设置样式不效果(作用)时,很可能引入全局统一样式,想要单独设置样式,使用深度选择器
原因:全局引入同一个样式的时候,比如表格表头,单独设置样式不起作用,个人觉得应该是引入全局样式覆盖单独设置样式,这时候必须用深度选择器后台管理,商城等等偶需要引入全局样式便捷这是需要用到深度选择器深度选择器语法:(1) .XXX /deep/ .XXX(2) .XXX >>> .XXXelementUI表格案例:注意:如果设置class不起作用就F12控制查看位置,对应class名称 下面案例就需要F12查看对应class尤其elementUI的class不好找名称//原创 2022-02-10 12:45:41 · 1270 阅读 · 0 评论 -
前端Vue中map和forEach循环遍历数组区别
复制到控制台自己尝试可以加深印象 // var arr = [1,2,3,4,5,6,7]; // 区别 // a.相同点 // item:为数组每一项 // index:为数组索引 // array:为原始数组 // b.不同点: // forEach没有返回值return // map有返回值retrun // (1)forEach // const map1 = arr.forEach((it.原创 2022-02-07 11:04:17 · 729 阅读 · 0 评论 -
给elementUI中el-button加宽高背景颜色,大小设置,去掉默认颜色边框,园角度
1.尺寸大小设置设置宽高需要把尺寸改为最小给el-button加size=“mini” 就可以设置宽高了width height2.背景颜色 ( 默然样色类型 type=“primary” )(1)想要改变背景颜色 style=“background: #fb435f” 就出现背景颜色 ,但是本身有默认颜色边框他的primaryel-button外面div加个名 .bg_btn >>> .el-button–primary { border: none; } 加这个就可以去掉默认原创 2022-01-29 13:38:18 · 24028 阅读 · 7 评论