Elementui
huang_jimei
从事前端开发
展开
-
elementUi中表格超出一行省略,鼠标放入显示完整提示
二、代码,加入show-overflow-tooltip即可。原创 2024-03-12 15:56:55 · 544 阅读 · 0 评论 -
el-input校验过滤
oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数。oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字。原创 2024-03-06 16:08:13 · 383 阅读 · 0 评论 -
修改element中的el-table的一行的数据,并实时表格更新
一、效果图说明:点击修改按钮,可以修改当前行的屠宰数量,并且实时更新二、主要代码<el-table border ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"> <el-table-column prop="tuzai" width="80" label="屠宰数量" align="center"></el-table-column>原创 2021-11-02 09:33:48 · 11692 阅读 · 0 评论 -
elementui中的<el-cascader>级联选择器
一、效果功能:使用接口调回来的数据,显示出可选的项,并开始有默认的选项值。二、主要代码<el-cascader ref="cascaderAddr" :options="rangeArr" :props="optionProps" v-model="plable" @change="handleChange3" style="width: 100%;"></el-cascader>解释:(1)数据源不符合官方的数据源,需要重新指向但是我们接口返回的数据源是这样的:原创 2021-10-22 09:27:23 · 899 阅读 · 0 评论 -
elementUi中的图片预览功能(图片放大、缩小)preview-src-list属性
一、图片有时候需要放大预览,放大后可支持放大缩小等功能,element中的preview-src-list属性可以实现。二、主要代码:<el-form ref="verification" :model="verification" label-width="180px" class="elform"> <el-form-item label="产地合格证:" style="height:162px;"> <el-image v-for="item in原创 2021-10-12 17:19:07 · 13733 阅读 · 0 评论 -
ElementUi中的<el-select>下拉框同时获取lable值和value值
一、elementui的下拉框官方文档只有获取一个的值<el-form ref="form" :model="form" label-width="180px"> <el-form-item label="屠宰费标准:"> <el-select v-model="form.slaughter_baseline" placeholder="请选择" @change="selectfcn"> <el-option v-for="原创 2021-09-03 09:44:51 · 1098 阅读 · 1 评论