elementui
文章平均质量分 70
码林鼠
致力于知识的传播
展开
-
vue2.x elementui等比例响应式(已实现)
先下载插件cnpm install px2rem-loader lib-flexible --save在main.js中引入import ‘lib-flexible/flexible.js’在build中utils.js添加如下代码 const px2remLoader = { loader: 'px2rem-loader', options: { remUnit:100 } }在app.vue中改变html的font-sizehtml{ .原创 2020-11-21 22:13:33 · 1493 阅读 · 0 评论 -
elementui触发底部加载更多
<el-popover placement="bottom" width="400" trigger="click"> <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto;height:100px;"> <li v-for="(item,index) in list" class="infinite-list-item" :key="index">{{.原创 2020-09-06 10:48:41 · 2013 阅读 · 0 评论 -
cascader of elementui 动态数据级联
<el-cascader :props="props"></el-cascader>let id = 0;export default { data() { return { props: { lazy: true, lazyLoad(node, resolve) {//数据如果加载过,在点击的话就不会调用lazyLoad方法 const { level } = node; con.原创 2020-09-05 22:31:58 · 634 阅读 · 0 评论 -
elementui图片缩略图,选择图片后不上传到服务器
<el-upload action="#" list-type="picture-card" :auto-upload="false"> <i slot="default" class="el-icon-plus"></i> <div slot="file" slot-scope="{file}"> <img class="el-upload-list__item-thumbnail" :src="file.ur.原创 2020-09-04 23:42:05 · 2402 阅读 · 0 评论 -
elementui上传多张照片
<el-upload action="http://www.tp5.com/upload" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" > <i class="el-icon-plus"></i> </el-upload>handleRemove.原创 2020-09-04 23:28:19 · 3073 阅读 · 0 评论 -
elementui上传单张图片
<el-upload action="http://www.tp5.com/upload" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" > <img v-if="imageUrl" :src="imageUrl" class="avatar" /> <i .原创 2020-09-04 23:00:13 · 2598 阅读 · 1 评论 -
elementui上传文件
<el-upload action="http://www.tp5.com/upload" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="3" :on-exceed="handleExceed" :file-list="fileList" &g.原创 2020-09-04 22:51:02 · 400 阅读 · 0 评论 -
form validate of radio in elementui
<el-form label-width="100px" :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm" > <el-form-item label="特殊资源" prop="resource"> <el-radio-group v-model="ruleForm.resource">.原创 2020-09-04 00:26:07 · 161 阅读 · 0 评论 -
form validate of checkbox
<el-form label-width="100px" :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm" > <el-form-item label="活动性质" prop="type"> <el-checkbox-group v-model="ruleForm.type"> .原创 2020-09-04 00:23:20 · 201 阅读 · 0 评论 -
form validate of two object in one line
<el-form label-width="100px" :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm" > <el-form-item label="活动时间" required> <el-col :span="11"> <el-form-item prop.原创 2020-09-04 00:20:13 · 73 阅读 · 0 评论 -
form select of elementui about validate
<el-form label-width="100px" :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form-item label="活动区域" prop="region"> <el-select v-model="ruleForm.region" placeholder="请选择活动区域"> <el-option label="区域一" value=".原创 2020-09-04 00:02:11 · 101 阅读 · 0 评论 -
elementui列表问题
一个页面中有两个table,这两个table通过按钮切换,切换时出现表格列的渲染错乱解决方法:一个table的父级是div,一个没有用div包裹,遮掩就不会有列渲染错乱问题...原创 2020-02-26 10:39:35 · 690 阅读 · 0 评论 -
filter-method elementui表格过滤
recordFilt(value,row){ return row.status === value }原创 2019-12-31 10:48:06 · 918 阅读 · 0 评论 -
elementui回到顶部Backtop
<template> <div class="home"> 滑动滚轮然后给我滚回来 <el-backtop target=".home"> <div class="back"> 滚到顶部 </div> </el-backtop> <h1>滚...原创 2019-12-26 15:48:45 · 850 阅读 · 0 评论