
element ui
小志的博客
随笔笔记,仅供参考
展开
-
element ui列表内容过多隐藏部分内容后,鼠标放上显示全部
1、在内容过多的列中添加show-overflow-tooltip属性,如下: <el-table-column prop="classDesc" header-align="center" align="center" label="资产类别说明" show-overflow-tooltip>2、添加show-overflow-tooltip属性后,此列中过多的内容会用…替代,鼠标滑过会显示全部内容,如下图:3、如果内容非常长就会出现新的问题,超已有原创 2021-06-01 21:55:24 · 5673 阅读 · 0 评论 -
vue项目Elementui组件中input输入框限制只能输入数字
1、代码实例 <el-form-item label="单价" prop="assetsPrice"> <el-input v-model="dataForm.assetsPrice" @input="dataForm.assetsPrice= dataForm.assetsPrice.replace(/[^\d.]/g,'')" maxlength="8" placeholder="单价"> </el-input></e原创 2021-05-19 21:35:17 · 685 阅读 · 0 评论 -
element ui组件 下拉框无法进行表单验证
一、举例组件代码 <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px" > <el-form-item label="餐品名称" prop="mealId" > <el-select style="width: 100%" v-model="dataForm.mealI原创 2021-02-24 22:46:23 · 3735 阅读 · 0 评论 -
element ui 中input输入框只能输入数字类型示例
1、举例组件代码<el-form :model="numberValidateForm" ref="numberValidateForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="年龄" prop="age" :rules="[ { required: true, message: '年龄不能为空'}, { type: 'number', messa原创 2021-02-24 22:17:27 · 2010 阅读 · 0 评论 -
element-ui 下拉菜单带搜索框示例(亲测可用)
转载自:https://blog.csdn.net/wangchaohpu/article/details/1060217911、举例组件代码<template> <div class="common-wrapper"> <el-select v-model="valueMeta" multiple collapse-tags placeholder="请选择标签"> <div class="el-input" style="width:转载 2021-02-24 22:11:38 · 7848 阅读 · 0 评论 -
element ui 清空表单数据示例
1、举例组件代码 <el-form ref="searchForm" :inline="true" :model="form" label-width="80px"> <!--prop属性添加到form-item上,需要和绑定数据的最后名称一致--> <el-form-item label="名称:" prop="name"> <el-input v-model="form.name" placeholder="请输入内容">原创 2021-02-24 22:08:21 · 7069 阅读 · 0 评论 -
Element ui的tree树形控件获取所有选中的节点(亲测可用)
1、tree结构代码<el-tree :data="data" :props="defaultProps" :show-checkbox="true" :check-strictly="false" node-key="deptId" ref="tree"@check-change="handleCheckChange"></el-tree>2、js代码 data() { return { defaultProps: {原创 2021-02-20 21:15:39 · 11571 阅读 · 0 评论 -
element-ui 弹出框显示分页列表数据(亲测有效)
转载自:https://blog.csdn.net/weixin_42579074/article/details/102973794一层内嵌弹出框问题:如下图:弹出框在页面下面修改前代码:<template slot-scope="scope"> <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button> <el-butt转载 2021-02-22 21:31:05 · 4450 阅读 · 0 评论