![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
hy3528
这个作者很懒,什么都没留下…
展开
-
element el-checkbox组件阻止冒泡事件写法
<el-checkbox-group v-model="shopCheckList"> <div> <el-checkbox v-for="item in shopDetailList" :key="item.id"> <span class="shop_cont_span colorBlue" @click.stop.prevent="lookSho...原创 2022-01-23 14:55:14 · 1523 阅读 · 0 评论 -
element table 表格组件增加前端分页
<el-table :data="giftDetailList.slice((giftDetailCurrentPage-1)*giftDetailPageSize,giftDetailCurrentPage*giftDetailPageSize)" height="700px" :header-cell-style="{backgroundColor:'#e6e6e6'}" border style="widt...原创 2022-01-19 16:54:39 · 305 阅读 · 0 评论 -
利用el-checkbox-group 做三级分类选择
<el-checkbox-group class="pop_label_cont" v-model="addStageLabelList"> <el-checkbox class="pop_label_one" :label="item.Id" :disabled="item.IsState">{{item.Label}}</el-checkbox> <div class="pop_la...原创 2021-12-20 17:41:30 · 756 阅读 · 2 评论 -
vue-cli 中使用element的Loading、MessageBox组件问题
import { Message, Loading, MessageBox } from 'element-ui';引入时需要重定向Vue.prototype.$loading = Loading.service;Vue.prototype.$msgbox = MessageBox;Vue.prototype.$alert = MessageBox.alert;Vue.prototype.$confirm = MessageBox.confirm;Vue.prototype.$prompt =原创 2021-12-13 15:14:58 · 1426 阅读 · 0 评论 -
element el-steps步骤条如何监听点击事件?
<el-steps class="steps_cont" :active="active" align-center> <el-step v-for="(item,index) in stepsList" :key="index" :title="item.title" @click.native="choiceStep(index)"></el-step> </el...原创 2021-12-09 17:51:15 · 1349 阅读 · 0 评论 -
element上传增加粘贴上传图片功能
<el-upload class="upload-demo ml" ref="uploadMutiple" action="http://api110.herbplantist.com/sucai/public/index.php/post/post/uploadFile" ...原创 2021-11-26 18:09:35 · 776 阅读 · 0 评论 -
element图片预览组件使用
在vue-cli使用<template> <div> <el-button @click="onPreview">预览</el-button> <el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="[url]" /> </div></template><script>原创 2021-11-18 09:27:03 · 1103 阅读 · 0 评论 -
element时日期选择器禁选某段日期
<el-date-picker v-model="value" :picker-options="pickerOptions" type="date" size="mini" style="width: 130px" placeholder="选择日期"> </el-da...原创 2020-11-18 10:54:28 · 1043 阅读 · 1 评论 -
element-ui 日期选择器如何禁用日期
日期选择器中有一个参数为picker-options,用法如下(想要知道原理的可以通过百度学习):在el-date-picker中增加**:picker-options=“pickerOptions”**body <el-date-picker v-model="scope.row.yanqidate" :picker-options="pickerOptions" @change="xuanzedate($event,scope.row)" type="date" size="mini" st原创 2020-10-20 17:11:39 · 2039 阅读 · 0 评论 -
element button颜色
.el-button--primary.is-active,.el-button--primary:active {background: #007E7E;border-color: #007E7E;color: #fff;}.el-button--primary:focus,.el-button--primary:hover {background: #007E7E;border-color: #007E7E;color: #fff;}.el-button--primary {原创 2020-08-03 11:31:56 · 2692 阅读 · 0 评论 -
element上传图片或者文件()此文章为上传图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/...原创 2020-01-14 14:55:32 · 398 阅读 · 0 评论