emmmmmmm__的博客

在需要的地方引入组件，一般是el-progress的下方。然后再css里写样式选择需要的渐变色,到这里就完成了。线性渐变：直接修改样式根据所需颜色修改即可。

到这里请求文件流和导出文件得方法都已经写完了，这里面有的坑呢 打开就是返回得数据，大概就是你new Blob([data])得时候这个data是否是文件流，这个例子后端直接给我返回了文件流所以就直接使用了 一边都是res.data这样使用，再有就是responseType: 'blob',这个在请求文件流时请求头中必须要写，其他就没什么了。今天在项目开发的时候临时要添加个导出功能我就写了一份请求加导出得代码，如果到这里下载下来的文件还是无法打开请往下看。下面就要说的就是mockjs了。

需要给el-table-column添加key属性。

这个 filter 属性是不是很神奇，我们来看看这个属性的特点：filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。grayscale 将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；saturate 转换图像饱和度。值定义转换的比例。值为0%则是完全不饱和，值为100%则图像无变化。其他值，则是效果的线性乘子。超过100%的值是允许的，则有更高的饱和度。若值未设

再请求到后台数据之后如果数据不是按你想合并字段排序的话，这时候需要多做一步排序，把需要合并的那个字段分组显示，这里就不过多赘述了（这个分组一般后台都能做）。之后再调用接口获取到数据之后运行获取merge和subscript的方法。到这就已经把数据处理完了接下来就是处理el-table的合并方法。显然这种固定写法并不能满足我们日常开发中的需求。首先再data里定义两个变量。首先来看下官网上如何写的。接下来就讲一下如何操作。

CSS实现”节流”

1:文字溢出省略号: 2: css变量：CSS变量又称CSS自定义属性，通过在中自定义属性与函数组成，用于引用自定义属性。谈到为何会在中使用变量，以下使用一个示例讲述。 3:渐变：渐变分为、，这里笔者直接记录的使用方式，也是为了使用的时候更加的直观，这里说下，在使用线性渐变的时候，使用以及去控制渐变，会更加的灵活 4: background-size：cover和contain以及100%:图片放大至满足背景区域的最小边即止，当背景区域与背景图片的宽高比不一致的情况下，背景区域可能会长边下

今天在开发过程中偶然返现这个小问题：watch监听父组件传过来的值并给el-input赋值 之后发现无法修改input得值 需要在input里添加 @input="change($event)"然后在methods里写上以下方法就ok了。

最近vue做项目收到了几个需求，上传图片，上传完能显示出来，且支持拖拽、删除等功能。先在components中新建个文件文件命名ImageDraggableUploader.vue<template> <div class="draggable-list"> <!--<SlickList lockAxis="x" axis="x" v-model="images">--> <SlickList lockA

由于页面设计得弹窗他宽度不够，还要分成三部分，中间部分是选择人的分页，这就很难办了，把能省的都省了，宽度还是太大，就想着把分页跳转的改少一些，设置可选的跳转为3页，其余省略号显示，我选择了pager-count，如下： <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="leftPage.

vue element el-select组件封装 支持懒加载 多选 回显el-select数据过多处理方式假设我们有个下拉框是用来选择课程的：javascriptel-select数据过多处理方式一种优化思路：element-ui的select有一个remote-method，支持远程搜索，我们让服务端支持一下不就可以了，当然这是一种解决的方案。但是有时候这种方法对我并能够不适用，因为这样会出现回显问题，回显的时候是还需拿到所需option；另一种优化思路：下拉懒加载, 当select滚动到底部

Vue 关于element穿梭框进行的修改成table表格穿梭框直接先看样式图 <!--弹出层 --> <el-dialog title="标题" :visible.sync="introductionVisible" width="70%"> <el-form :model="introductionForm" label-width="100px"> <el-row style="display:flex;just

1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn；子组件：<template> <div class="train-city"> <h3>父组件传给子组件的toCity:{{sendData}}</h3> &