element-ui
古迪红尘
这个作者很懒,什么都没留下…
展开
-
el-input限制输入正整数
在上述代码中,@input事件绑定了handleInput方法,该方法使用正则表达式将非数字字符替换为空字符串,从而实现只能输入数字的效果。原创 2024-02-25 15:35:53 · 5920 阅读 · 2 评论 -
前端处理后端返回的字典值
【代码】前端处理后端返回的字典值。原创 2023-12-02 10:29:58 · 925 阅读 · 0 评论 -
input框校验
校验原创 2023-03-11 11:08:07 · 312 阅读 · 0 评论 -
element ui input 如何去掉所有空格,去掉首位空格-不用.trim
去空格原创 2022-08-17 17:01:41 · 1035 阅读 · 0 评论 -
Element UI中 Message 消息提示每次只弹出1个
参考Element UI中 Message 消息提示每次只弹出1个原创 2022-04-28 17:18:23 · 767 阅读 · 0 评论 -
实现el-tooltip文字提示换行效果---文本超出显示...和提示语
实现el-tooltip文字提示换行效果参考以下地址el-tooltip文字提示换行效果文本超出显示…和提示语<template> <div> <div class="demoBox"> <div class="header">头部</div> <div class="top">顶部</div> <div class="content"> &原创 2022-04-28 15:45:13 · 2190 阅读 · 0 评论 -
Element UI中el-dialog中内容超出自定义滚动条
参考以下网址自定义滚动条原创 2022-04-28 10:21:29 · 874 阅读 · 0 评论 -
el-form -输入框和下拉框宽度100%-深度选择器
<template> <div class="demoBox"> <!-- <el-form ref="form" :model="form" label-width="154px"> --> <!-- label-width="154px" 控制输入框左侧的文字宽度 --> <el-form ref="form" :model="form" label-width="154px"> &l.原创 2022-04-24 17:26:46 · 1833 阅读 · 0 评论 -
Element UI Tree树形结构节点过长时-换行显示
换行显示<template> <div> <div class="tree"> <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" :default-expand-all="true" ></el-tree> </div> </div></template><script原创 2022-04-24 10:57:53 · 4026 阅读 · 0 评论 -
element table表格自定义表格暂无数据提示
element table表格自定义表格暂无数据提示原创 2022-03-06 19:41:20 · 439 阅读 · 0 评论 -
css-单行文本溢出隐藏,element-ui表格单行溢出隐藏-鼠标经过上浮提示
一,css-单行文本溢出隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2022-02-15 11:11:02 · 688 阅读 · 0 评论 -
vue2-element ui tree鼠标右击显示新建
转载https://blog.csdn.net/weixin_45682560/article/details/111036455先下载npm install @xunlei/vue-context-menu --save<template> <div id="dataPage"> <el-tree id="el-tree" :data="flowTree.root" :props="flowTree.props"转载 2022-01-06 18:41:35 · 353 阅读 · 0 评论 -
element ui - input框只能输入数字,小数点后只能保留两位
<template><!-- input框只能输入数字,小数点后只能保留两位 --> <div> <el-input v-model="value" @keyup.native="value = oninput(value)"></el-input> </div></template><script>export default { data () { return {原创 2021-12-29 14:30:43 · 1699 阅读 · 0 评论 -
element-ui select选择器,设置显示默认值,修改原有样式-比如宽高,字体颜色,背景颜色,右侧图标自定义
<template> <div> <el-select v-model="form.type" placeholder="请选择" @change="changeNmuValue" style="width: 500px" > <el-option v-for="item in options" :key="item.value" :lab原创 2021-12-28 20:45:00 · 3770 阅读 · 0 评论 -
vue2 element-ui tree 自定义节点图标,当你需要使用一个普通的图片作为节点图标时
当你需要使用一个普通的图片作为节点图标时,可以使用以下方法效果图如下<template> <div> <!-- :default-expand-all='true' 是否默认展开所有节点:true,展开所有节点,false,收起所有节点--> <!-- icon-class="none" 左侧图标(小三角)隐藏,也可以添加组件库里的字体图标:比如icon-class="icon-class="none""--> <el-原创 2021-12-17 20:41:59 · 1469 阅读 · 0 评论 -
element-ui插件日历
<template> <el-calendar v-model="currentDate"> <template #dateCell="{ date }"> <div class="date-content"> <span class="text">{{ formartDay(date) }}</span> <span v-show="checkShow(date)" cla原创 2021-09-15 11:51:50 · 448 阅读 · 0 评论 -
onclick=‘return false‘
<!-- 单选题 --> <div v-if="previewList.questionType == 1"> <div v-html="previewList.question" style="color:blue"></div> <div>单选题 选项:(以下选择的选项为正确答案)</div> <el-radio-group v-mo.原创 2021-09-22 14:39:34 · 336 阅读 · 0 评论 -
element-ui表单校验validator的使用
当校验规则复杂时,可把校验抽离出去data () { const validateCode = (rule, value, callback) => { // 1. 拿到所有的原始节点数据 allList // 2. allList里面每一项的code码拿到组成一个新数组 const codeList = this.allList.map(item => item.code) if (codeList.includes(value))原创 2021-10-19 12:56:24 · 4465 阅读 · 0 评论 -
element-ui表单from中的resetFields的使用
//当弹窗中有表单时,弹窗退出时,需要初始化数据,清除校验结果this.$refs.addForm.resetFields()//该方法类似于表单的兜底校验,validate的使用this.$refs.addForm.validate(valid=>{if(valid){console.log('所有校验都通过了')})...原创 2021-10-19 11:29:24 · 1364 阅读 · 0 评论 -
element-form 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果
对整个表单进行重置,将所有字段值重置为初始值并移除校验结果 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" > </el-form> >>>>>>this.$r原创 2021-09-26 00:22:54 · 892 阅读 · 0 评论 -
element-ui 之Select 选择器,下拉框城市
第一步:先建一个组件文件citys.vue<template> <div class="app-container"> <el-form label-width="100px"> <el-form-item label="城市" style="width:400px"> <el-select style="width: 48%; margin-right: 4%" v-mo原创 2021-09-21 20:35:49 · 2782 阅读 · 1 评论 -
ElementUI中form表单兜底校验
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm"> <el-button class="loginBtn" :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @cli原创 2021-10-15 19:57:44 · 508 阅读 · 0 评论