
element-ui
姜崽
这个作者很懒,什么都没留下…
展开
-
vue-json-view与vue-json-viewer
一就很普遍的方法vue-json-viewnpm i -S vue-json-views // 注意是 viewsimport jsonView from 'vue-json-views'<template> <json-view :data="json"/></template> <script> import jsonView from '@/components/json-view'; export d原创 2021-08-20 15:50:41 · 1577 阅读 · 0 评论 -
elementui表格内容太多,只显示3行(根据自己需求,几行都可以),超出部分用省略号代替,鼠标悬停,tooltip提示
今天遇见一个需求=表格内容太多,想显示3行,剩余的文字用省略号代替如果你的需求只显示一行,那就一个属性搞定 show-overflow-tooltip 详情见官网show-overflow-tooltip就生效,只显示一行 <el-table-column show-overflow-tooltip prop="content" header-align="center" align="center原创 2021-08-07 10:29:54 · 8505 阅读 · 0 评论 -
element ui 日期选择框,开始日期不能晚于当前日期,结束日期不能早于开始日期、也不能晚于当前日期
**需求:**日期选择框事件范围内假如开始时间选择2020年,那么结束时间不能早于2020,也不能大于当前日期选择开始时间: 无法选择比当前时间大的开始时间选择2017年那么 结束时间也不能大于当前时间代码实现<el-form-item label="台历日期"> <el-date-picker v-model="dataForm.startDate" type="year" :picker-o原创 2021-07-30 11:03:30 · 4543 阅读 · 0 评论 -
element ui 一键清空多个input中的参数
条件查询过多,清空input框浪费时间,所以一键清空1.一次性清空这两个框里面的数据2.清空按钮,绑定方法<el-button @click="funClear" type="danger">清除</el-button>这里两种方式,都可以达到效果// 清空所有输入框的值 funClear () { var txts = document.getElementsByTagName('input') for (var i =原创 2021-01-15 16:39:30 · 2935 阅读 · 4 评论 -
element-ui中input校验只能输入数字
<el-col :span="12"> <el-form-item label="产生量(吨)" prop="productAmount"> <el-input onkeyup="this.value = this.value.replace(/[^\d.]/g,'');" v-model="dataForm.productAmount" placeholder="产生量(吨)" style="width: 200px"><原创 2020-12-26 15:33:45 · 2524 阅读 · 6 评论 -
element-ui中table 去掉表头、去掉边框线、去掉鼠标悬停背景颜色
首先去掉表头**:show-header=“false”**就可以去掉表头<el-table :data="dataList" border :show-header="false" v-loading="dataListLoading" style="width: 100%;"> </el-table>去掉边框先去掉border属性然后增加css<el-table :data="d原创 2020-12-22 14:54:06 · 13812 阅读 · 7 评论