狗狗狗亮的博客

element select 添加全选功能

Arco design pro vue 全局配置

element select 过滤两种条件

如图，表格里面有9W+数据。在执行导出的时候页面会出现卡住的假象，并且loading改成了true，但并没有加载动画。开始这样写的，打印出的spinning 已经是ture ，但加载动画并没有执行。 const exportExcelClick = () => { const Header = [...]; //表头 const Val = [...]; //表数据 sdata.spinning = true; // 加载中 console.

可以通过传参的方式获取template： <el-table-column prop="flowDirection" label="流向" width="80"> <template slot-scope="scope"> <div> {{scope.row.flowDirection | formtaLab(labList)}} </div> </template> </

可以检查一下，自定义表单验证里，是否漏了callback()

我这儿后台传回来的路由格式，都是平级的，格式如下:export const routers = [ { id: 1, pageCode: "10001", pageName: "Permission", pagePath: "permission", pageLevel: 1, parentPage: 0, component: "layout", title: "权限管理", icon: 'lock', alwaysSh

一let a = {id :1}let b = {...a}console.log(b) // {id:1}a == b // false 二let arr = [1,2,3]let arr2 = [...arr]arr == arr2 // false三let oldArr = [ { id : 1 } ]let newArr = [...oldArr ]oldArr == newArr // false oldArr[0] == new

和上篇文章一样，医院8000多家。全部放在select的option里。会造成页面的卡顿。同时还需要过滤搜索数据。这里可以把数据分开，只展示200条。搜索方法使用提供的自定义搜索，搜索全部数据。select组件<el-form-item label="所属医院" label-width="100px" prop="hospitalIds"> <el-select v-model="AdduserForm.hospitalIds" filterabl.

table显示医院列表，这里后台未做分页，总共数据大约8000条。一次性全部赋值给table整个页面都会卡顿好几秒。查看了请求接口到数据返回的时间为192ms，可以接受。应该是页面渲染的问题。这边就在前端做了分页处理。调用接口 // 获取医院列表 getHospitalList() { this.$api.Hospital.GetHospitalList().then(res => { if (res.status == 200) {

需求是做个类似微信公众号那样的图文编辑推广，文章最后要在小程序里面浏览。开始找到个富文本编辑器‘vue-quill-editor’可以使用，最后出来的内容是html格式，虽然小程序里面可以转译过来，但格式和排版都不是很好。这边同事大哥推荐去使用markdown。markdown的标记语言在格式上能够还原编辑时候的样子。于是就找到了 mavon-editormavon-edito文档链接点击这里安装npm install mavon-editor可以全局引入，也可以在组件中引入，下面以全局引

data里面加个字段赋值this。<el-table-column property="sendLab" label="项目流向" width="*"> <template slot-scope="scope"> <span> {{ scope.row.sendLab | formataLab(that) }} </span> </template></el-table-column>这里用

点此进入 官方网站传送门可以根据自己的选择配置，然而并没很多选择。点击下方的生成代码之后，将script的url在网页中打开，就能看到一个自调用的函数。cv到你的组件里引入进来

// const h = this.$createElement;// let newDatas = [// h("p", null, `账号:${this.ruleForm.userName}`),// h("p", null, `密码:${this.ruleForm.password}`)// ];// this.$message({// message: h("div", null, newDatas),// type: "success"// });...

官网描述你可以替换你的项目根目录中的下列文件来指定环境变量：.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入，但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略一个环境文件只包含环境...

目前在学习使用antd中，需求双击表格行显示pdf，在table中给customRow设置行属性 <a-table bordered :rowSelection="rowSelection" :columns="columns" :dataSource="data" rowKey="id" :customRow...

目前在学习使用ant-design-vue，遇到table内容需要格式化，如下面的性别和打印状态。操作如下columns中 { title: "性别", dataIndex: "sex", align: "center", width: 80, scopedSlots: { customRender: "sex" } }, { ti...

效果图一个form表单（换成你自己需要拖动的模块），一个自定义的组件Xhandle。然后flex。在Xhandle里写入拖动方法，然后将拖动的值传递给父组件，并将宽度计算后赋值给需要拖动的模块。Xhandle代码如下：<template> <div class="x-handle" @mousedown="mouseDown"></div>&l...

以价格为例写好正则// 验证价格export function isPrice (s) { return /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/.test(s)}页面引入import {isPrice} from '@/api/utils/validate'const rulePrice = (rule, value, call...

今天遇到这个问题，在获取token的时候。axios post 404， 但是 postman 正常获取到返回的数据，发现请求的返回404。路径都是正确的，参数也是正确的。后来发现是没有设置请求头。这边需要post formdata格式，添加了之后就OK了。要注意的一点是，我这边在获取token的时候，我把请求头里还加了个'Authorization': 'Bearer ' + tok...

<template> <el-breadcrumb class="app-breadcrumb" separator="/"> <transition-group name="slide-fade"> <el-breadcrumb-item v-for="(item,index) in levelList" :key="item....

<template> <div> <el-select v-model="sheng" @change="choseProvince" placeholder="省级地区"> <el-option v-for="item in province" :key="item.id"...

安装依赖npm install -S file-saver xlsxnpm install -D script-loadersrc目录下创建一个excel文件夹，保存两个文件Blob.js和 Export2Excel.js/* eslint-disable *//* Blob.js*//*global self, unescape *//*jslint bitwise: true...

绑定的change事件只能获取到一个string类型，又要id，又要name的时候可以采用这种方法。<el-select v-model="value" placeholder="请选择项目" @change="selectItem(value)" ><el-optionv-for="item in options":key="item.id":label="item....

项目里用的Jenkins自动打包，上传了新的代码，但是没有编译最新的。在build文件夹下的webpack.prod.conf.js中添加时间戳之后解决了这个问题。

Vue.filter('GMTToStr', function (value) { if (!value) { return 'N' } else { let date = new Date(value) let Str = date.toLocaleString('chinese', {hour12: false}) return Str }})...

<el-pagination background class="bottom" layout="total, prev, pager, next" :page-size="pageSize" :total="total" :current-page.sync="currentPage" // 此处绑定 @current-c...

应用场景：A页面为带搜索框的列表页，进入页面会发送请求获取列表的数据，或者通过搜索条件，发送请求获取数据，点击其中一项会跳转到B详情页。当点击返回的时候，A页面的列表数据以及搜索条件就初始化了。如果想保存A页面跳转之前的页面状态，我开始的做法是将需要的数据保存到storage里，返回的时候再取出数据去请求一次，但是这样做总觉得不太好，于是采用了keep-alive 来缓存整个页面，效果也很好。...

安装oidc-client库npm install oidc-client项目开启页<template> <div> </div></template><script>import Oidc from 'oidc-client'var config = { authority: 'http://localho...