element
真的不想哇
这个作者很懒,什么都没留下…
展开
-
Elemtent多选择框权限控制多选择框
直接上代码<div><div class="JuesCheack"> <el-collapse accordion> <el-collapse-item v-for="(item,index) in newTreeList" :key="index"> <template slot="title"> <el-checkbox-gr...原创 2021-10-25 09:26:18 · 293 阅读 · 1 评论 -
elment表格sort-method自定义排序功能
点击排序箭头来调取接口进行数据排序在el-table表格中写入点击事件@sort-change=“changeTableSort”默认以什么单位进行倒序还是顺序排序,prop对应这字段:default-sort = “{prop: ‘ptuid’, order: 'ascending '}”在表格中要写入 :sortable="‘custom’"<el-table border stripe v-loading="loading" ref="multipleT..原创 2021-07-13 16:57:15 · 2563 阅读 · 0 评论 -
element DatePicker 日期选择器多选模式触发点击时间事件
这里有个功能,当点击时间或者取消选择时间,要触发事件来进行操作。但是当时间组件type为dates时就不能点击触发chang事件,点击确定按钮才会触发。这里在是对这个进行监听来触发事件<el-date-picker v-model="shangkedata" type="dates" clearable placeholder="选择日期" format="yyyy - MM - dd" value-format="yy原创 2021-06-04 17:50:54 · 9163 阅读 · 0 评论 -
element 循环动态Checkbox 多选框
直接放图,这里做的是权限控制<table width="100%"> <tbody> <tr v-for="(permissionTop,topIndex) in tableData" :key="topIndex"> <th style="line-height:48px;border:1px solid #1E9FFF;padding:0 10px;width: 150px;"> <el-checkbox :原创 2021-06-04 17:26:29 · 4642 阅读 · 1 评论 -
element 表格图片预览模式
安装插件npm install v-viewer --save// 在main.js中全局引用import Viewer from "v-viewer"// 图片预览import "viewerjs/dist/viewer.css"// 图片预览 Vue.use(Viewer) Viewer.setDefaults({ defaultOptions: { zIndex: 9999 }, Options: { "inline": true, .原创 2021-05-28 15:41:53 · 567 阅读 · 0 评论 -
Element Select 选择器加分页
这里是模糊搜索下拉菜单,带上分页功能<el-select v-model="Stateval" filterable remote size="mini" reserve-keyword placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading" .原创 2021-05-20 11:05:15 · 2681 阅读 · 0 评论 -
element表格过多隐藏功能
这个表格因为字段过多出现的横向滚动条,我这里没有采用官网固定表头或者表尾。选择用这些字段点击控制某些字段表格的显示隐藏这里的列表选择后端给的接口{"state":10001,"msg":"ok","data":{"编号":false,"合同编号":false,"对方单位":false,"合同名称":false,"签订日期":false,"合同金额":false,"支付情况":false,"支付完成时间":false,"对方联系人":false,"对方联系电话":false,"公司经办人":fa..原创 2021-04-19 16:20:06 · 485 阅读 · 0 评论 -
ElementUI 时间组件限制
两个时间组件做个限制,第二个可选择时间必须大于第一个时间给组件写上:picker-options="pickerOptions"属性<el-date-picker type="date" placeholder="选择日期" v-model="form.jzdate" value-format="yyyy-MM-dd" :picker-options="pickerOptions"></el-date-picker> <el-date-pic..原创 2021-03-22 17:30:35 · 757 阅读 · 0 评论 -
element-ui表格删除停留当前页面
现在是要,点击删除然后数据进行刷新,让分页还是停留在3也这里是对数据进行一个新的请求简单做个记录原创 2020-11-10 15:15:10 · 384 阅读 · 0 评论 -
element el-date-picker日期选择器默认日期显示高亮问题
当我们选择月份或者v-model传入默认值的时候也是有的,可以看到是这个属性赋值的,最简单的方法可以到element样式文件中去修改,把color 去掉,这个根据自己项目需要吧,可有可无如果还有其它好的方法可以留言下哦,...原创 2020-10-30 15:17:11 · 4295 阅读 · 9 评论 -
element动态添加多条input框来添加数据
elementUI进行写的<el-dialog title="添加" :visible.sync="addlistVisible" width="920px" :before-close="handleClose2"> <div>原创 2020-10-30 14:53:58 · 6930 阅读 · 0 评论 -
elementUI el-table表格输入关键字不使用prop绑定数据
要看官网文档就会发现会有这个方法原创 2020-10-30 14:30:24 · 2064 阅读 · 0 评论 -
element上传头像功能和回显
为了以后看加深印象原创 2020-09-29 20:03:37 · 976 阅读 · 0 评论 -
element 多选择器来实现购物车勾选
放上自己写好的样式 然后直接循环成替换的数据。因为没有循环官方给的数据 所以下面要做些改变。后面是结算功能。勾选的样式和位置,通过clss绝对定位来改变,样式的√号 通过改变伪类 用字体图标来改变<template> <div> <div class="content"></div> <div class="cart"> <div class="cart-content"..原创 2020-09-29 19:52:43 · 772 阅读 · 0 评论