elemenu-ui
前端小云儿
活到老学到老
展开
-
vue3+Element-plus el-pagination分页组件英文转中文
vue3+Element-plus el-pagination分页组件英文转中文原创 2024-02-06 15:15:07 · 406 阅读 · 0 评论 -
el-table表格固定列边缘缝隙问题 左右滑动会有缝隙
【代码】el-table表格固定列边缘缝隙问题 左右滑动会有缝隙。原创 2023-03-18 17:39:46 · 697 阅读 · 0 评论 -
el-dialog使用,2种方法解决监听不到传值变化问题
el-dialog使用,2种方法解决监听不到传值变化问题原创 2022-12-29 10:47:22 · 1526 阅读 · 0 评论 -
【校验】input校验-搜索 中文 字符 数字 下划线
数字校验原创 2021-11-03 00:12:13 · 147 阅读 · 0 评论 -
el-date-picker设置 1value-format=“yyyy-MM-dd HH:mm:ss“ 2format=“yyyy-MM-dd HH:mm:ss“
el-date-picker原创 2022-11-08 15:17:00 · 1377 阅读 · 0 评论 -
el-table简单写法
el-table简单写法原创 2022-10-31 13:59:36 · 739 阅读 · 0 评论 -
【InputNumber】 计数器默认值改为空
当num设置为 null 或者 "" 都不能将输入框的值变为空,而是0原创 2022-10-17 09:51:11 · 3201 阅读 · 0 评论 -
el-form表单同时校验多组数据(姓名电话号码)(pattern写法)
el-form表单同时校验多组数据原创 2022-10-10 13:43:09 · 1441 阅读 · 0 评论 -
el-upload的预览功能使用 window.open()
el-upload的预览功能原创 2022-07-06 19:27:35 · 956 阅读 · 0 评论 -
el-table关于组件二次封装el-table例子,注册全局组件
关于组件二次封装el-table例子原创 2022-07-06 13:55:02 · 388 阅读 · 0 评论 -
【element-ui】input后面带搜索框
<el-button slot="append" icon="el-icon-search"></el-button> <el-input placeholder="请输入" v-model="" class="input" @focus="focus" > ...原创 2022-03-15 14:56:35 · 3670 阅读 · 2 评论 -
【element-ui】form表单设置label和input不在一行
.form-x{ border: 1px solid red; & .el-form-item__label{ float: none; word-break: break-word; } <el-form class="form-x" ref="form" :model="sizeForm" :rules="rulesForm"> <el-form-item label="1.姓名" prop="name"> .原创 2022-03-13 21:42:35 · 7556 阅读 · 2 评论 -
【element-ui】form表单校验手机号 手动校验规则
<el-form class="form-x" ref="form" :model="sizeForm" :rules="rulesForm"> <el-form-item label="2.手机号" prop="phone"> <el-input v-model="sizeForm.phone"></el-input> </el-form-ite...原创 2022-03-13 21:40:15 · 5766 阅读 · 0 评论 -
【element】tl-tooltip使用点击事件--需要使用插槽 slot=“content“
<ul class="avue-main-div"> <el-tooltip popper-class="item-light-tooltip-el" effect="light" placement="left" > <div slot="content" class="slot-style"> ...原创 2022-02-11 10:17:43 · 2650 阅读 · 0 评论 -
【element】表格后台排序,循环写法
<template> <div> <el-table :data="tableData" style="width: 100%"> <el-table-column v-for="item in tableHeader" :key="item.index" :label="item.label" :prop="item.prop" > &l...原创 2022-02-08 11:24:51 · 631 阅读 · 0 评论 -
【element-vue】 浮动导航element写法
为额原创 2022-01-29 16:05:10 · 1134 阅读 · 0 评论 -
【element】弹框中有分页,关闭弹框分页回到默认状态
弹框中有分页,关闭弹框分页回到默认状态原创 2022-01-21 16:39:28 · 763 阅读 · 0 评论 -
【element】输入框禁止输入中文
<el-input v-model.trim="modalForm.password" placeholder="******" @input="modalForm.password = modalForm.password.replace(/[\u4E00-\u9FA5]/g,'')"></el-input>原创 2022-01-21 16:36:18 · 3136 阅读 · 2 评论 -
【element】vue3项目搭建引入element-plus
VUE3项目搭建引入ELEMENT-PLUS1.npm install element-plus--save;2main.jsimport{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElementPlusfrom'element-plus';import'element-plus/l...原创 2021-08-16 22:22:42 · 534 阅读 · 0 评论 -
【element】element安装【vue.2.0】
1npm i element-ui -S2 main.jsimport Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render: h => h(App)});原创 2021-11-28 19:49:13 · 160 阅读 · 0 评论 -
【图片】img图片加载失败,给默认图片
原创 2021-09-14 23:07:50 · 244 阅读 · 0 评论 -
【element】elementUI-中折叠面板箭头图标位置调整往左边
但由于设计需要,需要将箭头放在最左边,通过f12代码调试发现header是flex布局,因此修改后的面板部分代码如下:<el-collapse accordion v-model="activeNames" @change="handleChange"> <el-collapse-item name="1"> <span class="collapse.原创 2021-10-17 14:32:25 · 4364 阅读 · 2 评论 -
【element】element-ui/iview 3 设置菜单点击事件
原创 2021-10-02 12:43:22 · 642 阅读 · 0 评论 -
【element】element-ui/iview 1 国际化设置
Object.assign({message:"hello"},zn)原创 2021-10-02 12:32:05 · 117 阅读 · 0 评论 -
【element】表格自适应-页面elementResizeDetector获取
解决方案 第一步:通过npm install element-resize-detector获取elementResizeDetectorMaker npm install element-resize-detector 第二步:将依赖引入import elementResizeDetectorMaker from ‘element-resize-detector’ import ElementResizeDetectorMaker from "element-res.原创 2021-09-26 22:05:53 · 897 阅读 · 0 评论 -
【element】element-ui时间日期设置范围pickerOptions
<template><divclass="home"><el-date-pickerv-model="pickerValue"type="monthrange"value-format="yyyy-MM-dd"range-separator="至"start-placeholder="开始月份"end-placeholder="结束月份":pic...原创 2021-08-16 22:19:29 · 982 阅读 · 0 评论 -
【element】设置input的placeholder 样式
设置INPUT的PLACEHOLDER样式<style> .el-input__inner::placeholder{color:red;text-align:center;}/*谷歌*/.el-input__inner::-webkit-input-placeholder{color:red;text-align:center;}/*火狐*/.el-...原创 2021-08-16 21:46:22 · 1698 阅读 · 0 评论 -
【element】修改element-ui的字体图标
修改ELEMENT的字体图标1,先在icon里面找到图标的content2::v-deep .el-icon.arrow-up:before{ content:'\e790'}原创 2021-08-16 21:45:08 · 1359 阅读 · 0 评论