ElementUI
small面包
这个作者很懒,什么都没留下…
展开
-
vue中根据路由from不同展示同一个页面搜索条件不同
项目要求:从一个页面的按钮跳转页面,该页面搜索条件变化,不从按钮进入搜索条件变成另一种同一个页面同一个路由不同的展示条件思路:假入从a页面的按钮调到b页面那么展示第二张图,如果不通过a页面按钮进入b页面展示第一张图,搜索条件写了两个用v-show显示第一张图,a页面点击按钮的时候this.router.push(′/b′)并在按钮注册的事件中用sessionStorage.setItem(′forma′,′a′)做个标记,现在跳入b页面,对b页面搜索条件进行控制,首先在created中获得sessi原创 2021-02-03 17:28:01 · 711 阅读 · 1 评论 -
watch监听动态隐藏显示el-table列
实现效果是根据弹框的多选控制table列的显示隐藏默认全部选中,就是table全部显示,取消选择table列进行隐藏下面是详细代码el-table <el-table :data="tableData" border stripe :header-cell-style="tableHeaderColor" style="width: 100%; margin-top:2%;margin-left:0%" ref="tab原创 2021-02-02 17:36:10 · 893 阅读 · 0 评论 -
el-table找那个使用el-input-number
最近使用el-table中需要计数,但是发现加上elementUI官网的代码发现只能触发一次,下面是解决办法,实用 <el-table-column label="数量" prop="count" > <template scope="scope"> <el-input-number v-model="scope.row.count" controls-position="right"原创 2021-01-18 09:58:56 · 1881 阅读 · 2 评论 -
el-tree控制权限问题
最近在做后台管理系统权限问题是肯定会遇到的,下面我来分享下我用el-tree的心得,我们的需求是需要以数组的形式传递,二级菜单对应的三级菜单在一个对象中,如果有多个就一个数组中多个对象,传递的形式[{"menuTwoId":"20001","queryHandle":true,"searchHandle":true,"partnerData":true},{"menuTwoId":"20003","queryHandle":true,"addHandle":true}]下面先看代码<el-di原创 2021-01-12 17:39:13 · 668 阅读 · 0 评论 -
el-table表头添加按钮
:render-header=“renderHeader” 为主要代码 <el-table-column prop="goodsplace" label="仓库" width="120" :render-header="renderHeader" //主要代码 > <template slot-scope="scope"> <el-se.原创 2020-12-11 16:02:00 · 8628 阅读 · 5 评论 -
el-elementUI使用el-date-picker,选择年,选择月
vue中使用el-date-picker选择年 <el-date-picker v-model="gysForm.year" type="year" placeholder="选择日期" format="yyyy" value-format="yyyy" style="width: 100%;" :picker-options=原创 2020-12-07 14:31:41 · 19638 阅读 · 1 评论 -
el-dialog中使用走马灯放大图片模糊
最近遇到个奇葩的问题,在el-dailog中使用el-carousel里面的图片打开是模糊的,找了很久的原因发现el-carousel-item设置了transform属性,就从这里下手//原来的代码transform: translateX(0px) scale(1);//即使scale为1但图片还是模糊,在网上找了很多解决方法,发现下面的办法是最有效的,图片瞬间清晰//新代码/deep/ .el-carousel__item.is-animating { transform: tra原创 2020-12-07 13:59:20 · 538 阅读 · 0 评论 -
vue返回上一页不刷新页面
项目需求:由于公司产品较多页面加载相对慢,所以每次进行页面的刷新影响客户下单的效率。1.首先对router.js进行操作import indexOne from '@/components/indexOne' { path: '/indexOne', name: 'indexOne', component: indexOne, link: '/indexOne', meta: { keepAlive: true // 需要缓存 } },原创 2020-11-20 16:26:02 · 4757 阅读 · 0 评论 -
el-dialog中使用el-dialog或者el-dialog中使用el-upload中图片层级不够
今天遇到一个问题就是编辑弹框中可上传图片,但是发现图片放大层级不够搜了很多资料最后发现只是加一句话的事只需要在里面的el-dialog中加入append-to-body即可完事~原创 2020-06-09 16:04:27 · 1546 阅读 · 0 评论 -
el-table排序使某些数据不参与排序
排序前端也经常做,以前都做的是很简单排序,所有的数据参与排序,直接用插件封装的就行,但是这次是一些数据不参与排序所以这时候就需要进行自定义的设置思路:首先分成两个数组,一个数组的数据参与排序另一组数据不参与排序,将不参与排序的数据追加到排序的数组后面代码解析:<el-table height="480" ref="table" @row-dblclick="dataBack...原创 2020-04-16 10:29:10 · 2878 阅读 · 2 评论 -
vue中后台返回的数据展示并把嵌套的内容追加在当前数据后面并为嵌套的数据添加标记
前两天发布了个任务是追加表格到当前数据的下面并做标记,本来自己也认为是个简单的东西没想到弄了两天下面跟大家分享一下打开别人的项目首先找初始化的接口,辗转反侧牵扯好几个页面下面咱们先看一下后端返回的数据形式是一个嵌套的数据要把当前的嵌套的数据追加到当前数据的下面其实很简单就是一个简单的数组的操作下面是追加的代码//你自己的接口和要传递的参数一般传递页码和当前页面条数this.$axi...原创 2020-03-31 14:45:35 · 3348 阅读 · 0 评论 -
设置elementUI中el-select的默认值
最近在家办公写到一个问题设置el-select的默认值,其实是一个很简单的问题下面直接上个小demo<el-form ref="form" :model="form"> <el-form-item label-width="10px"> <el-select v-model="form.region" ...原创 2020-02-18 12:10:32 · 58743 阅读 · 5 评论 -
vue移动端底部导航栏
最近写个小demo书写移动端的小demo,(别忘了移动端的适配问题)效果图如下点击底下的导航对应相应的页面代码如下<template> <div class="footer"> <el-row> <el-menu :default-active="this.$route.path" cla...原创 2019-12-12 09:41:41 · 3070 阅读 · 1 评论