elementUI
先来个小漩涡
话不多说,先来个小漩涡
展开
-
vue后台系统实现选择商品穿梭框,且左边全部不减少
场景:选择商品展示效果可直观化——穿梭框形式效果<!--活动设置-满减活动列表-新增页面reduce_settings--><template> <div id="reduce_settings"> <div style="font-size: 12px;"> <el-breadcrumb separator-...原创 2019-12-06 14:57:04 · 2665 阅读 · 0 评论 -
上传图片文件----vue----elementUi组件el-upload
使用场景**1.后台系统上传图片逻辑** *首先选择图片监听确认事件,展示赋值页面预览图片路径赋值,再继续验证图片格式大小,最后提交到后台接口formData形式file文件;【再传递后清空页面所有参数~可无】*DOM<!--上传--> <el-upload class="avatar-uploader" ref="uplo...原创 2019-12-06 14:23:12 · 447 阅读 · 0 评论 -
省市区三级联动vue elelment
1.vue-cli ,elementUI 实现省市区三级联动2.DOM <!--地址修改弹框--> <el-dialog class="AddressBoxTY" title="地址修改" :visible.sync="AddressDialog" width="400px"> <div>...原创 2019-10-25 14:17:36 · 546 阅读 · 0 评论 -
element UI table表格禁用某行数据的多选框selectable
1.场景在使用table表格是,需要加入多选,并且通过行数据判断是否禁用多选框2.上代码1.selectable属性 <el-table-column type="selection" header-align="center" align="center" :select...原创 2019-09-19 10:18:34 · 4309 阅读 · 0 评论 -
在elelmentUI中使用阿里图标库【超多图标】
1.转载自https://www.cnblogs.com/zhengao/p/8480192.html2.iconfont需要修改的文件css[class^="el-icon-ty-user"],[class*="el-icon-ty-user"],[class^="el-icon-ty-password"],[class*="el-icon-ty-password"],[class^...转载 2019-09-19 10:35:18 · 379 阅读 · 0 评论 -
elementUI table表格合并列相同行:span-method="objectSpanMethod"
1.应用场景:在使用element表格table时一个需求是要相同列的相同厂家合并为一格显示2.效果3.代码实现【引入elementUI就不多说】4.上代码首先需要在eltable标签中加入绑定函数 :span-method=“objectSpanMethod”<el-table :span-method="objectSpanMethod" ...原创 2019-09-26 14:17:19 · 5146 阅读 · 3 评论