在vscode编辑器的setting.json中设置eslint的校验规则："eslint.validate": ["javascript","javascriptreact",{"language": "html","autoFix": true},{"language": "vue","autoFix": true}]然后这里就出现黄色波浪线，提示“Auto Fix is enabled by

在使用element-ui的表格时，有时候后台给你的字段和你要显示在表格列里的内容不一致。例如后台给的字段是state，它的值为true或false，要求显示在表格里是‘正确’或‘错误’这时可以给el-table-column添加一个属性：formatter，代码如下：<el-table ref="accountTable":data="accountsListData"b...

在使用element-ui的分页组件el-pagination时，有时我们翻页到某一页后刷新，希望刷新之后页面仍然保留在当前页面。思路如下：我们可以在element-ui分页组件el-pagination翻页的时候改变url地址栏的参数，获取数据的时候参数再从url地址栏获取。这样即使页面刷新了也能传递给后台之前的参数，获得之前页面的数据。代码如下：<div class="pagi...

最近做网站爬虫，爬取到的数据保存到一个name.json文件中，数据结构大概是这样的：可以利用nodeJS把这个json文件转成excel输出，当然浏览器环境也可以做到，网上有相关的方法。我这里使用了fs模块和第三方模块json2xls,所以要先安装json2xls：npm install json2xls -D// 在jsonToExcel.js中先引入核心模块const fs = ...

element-UI 的table表格数据有提供多项框的功能,只要在表格列中多加一列就可以选择表格的数据但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页也就是上一次请求的数据的选中状态就没有了.element提供了reserve-selection可以保存数据更新前选中的值,这个属性还需要指定row-key.<el-table:data="tableDa...

1.element-ui的表单校验使用validate方法。参数为一个回调函数，该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。示例代码如下：<el-formref="dynamicValidateForm":model="uploadObject"><el-form-itemlabel="名字"pr...

项目要求进入编辑页面时候，表格的选择框已经选择的默认选中。代码如下：data(){return{listData:[],//当前的table的数据hasSelectList:[],//已经选择的id的数组}}this.$nextTick(()=>{this.listData.forEach(row=>{if(this.hasSe...

首先npm安装vue-lottie:npm install vue-lottie -S在需要使用的组件里引用lottie动画的json文件：import * as animationData from '@/assets/json/loading.json'import Lottie from 'vue-lottie/src/lottie.vue'注册到组件里：data(){...

1.在vue中获取dom推荐使用$refs来获取，可是有时会出现 this.$refs.xxx为undefined的情况。场景1：在created()里使用在这个生命周期中进行数据观测 ，属性和方法的运算，watch 事件回调。但是页面还没有挂载上去，没有el属性，this.el 属性，this.el属性，this.refs无法调用dom。解决办法：换成在mounted()里使用场景2：父元素或当

今天在项目中用img标签动态加载图片，img的src属性的值是循环出来的数据当我加载的时候发现图片始终出不来，关键是图片的路径是正确的我在浏览器检查了元素，发现图片没有被压缩处理于是我查询了相关的解决方法，最后发现在js里用require引入图片可以解决这个问题再次加载之后发现图片就被正常的压缩处理了原因是：之前没有使用require的时候，vue并没有把你的路径字符串当做路径...