柠檬麻麻

需求：导出记录列表 excel描述：后端POST接口请求返回文件流，前端处理文件流转换成下载地址并下载状况：下载可能会超时或者登录失效，需要处理后端返回来的json 数据download(url, params) { axios({ headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, method: 'post', url: url, timeout: 60 * 10 * 1000

原因审查元素el-table__body 的 width 不停被设置导致表格抖动当未设定列表宽时，element有做自动检测适应。这造成了一种情况，即上下滚动条的出现时，触发宽度，使得上下滚动条消失，再次触发宽度变换，然后如此循环。flexbox 子元素设置了 overflow: auto 导致的浏览器 bug解决办法检查布局中的：overflow: auto， 避免flexbox 子元素设置这个属性.给.el-table__body添加 width: 100%!important; 属性

问题描述现项目中需求是切换公司就要更新地图，就需要重新渲染这个echarts图，一旦重新渲染后会出现累加情况，它会根据你渲染的次数调用点击事件，即点击一次触发多次解决方案重新渲染之前先关闭点击事件var myChartContainer = document.getElementById('map');var myChartChina = this.$echarts.init(myChartContainer);myChartChina.off('click')myChartChina.set

vuex 更新echars

方法主要用到html2canvas.js 和 pdf.debug.js原理html2canvas.js ：通过canvas将HTML生成的DOM节点绘制到画布上,再可以通过自己的需求转换成图片pdf.debug.js：将图片转成pdf注意点html2canvas的配置项中配置 allowTaint:true 或 useCORS:true(二者不可共同使用，需要生成base64 用后者)img标签增加 crossOrigin=‘anonymous‘图片服务器配置Access-Cont

一、 布局 FlexFlex 布局，可以简便、完整、响应式地实现各种页面布局，Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。// 指定为 Flex 布局 display: flex；// 主要属性 flex: none | [ 'flex-grow'> 'flex-shr

一、 header 组件开发 之数据的传递1. App.vue 引入组件import header from './components/header/header'2. App.vue 中注册组件 export default { components:{ v-header:header } }3. 使用组件

一、$mount()手动挂载当Vue实例没有el属性时，则该实例尚没有挂载到某个dom中；假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载。new Vue({ router, render: h => h(App) }).$mount("#app");``new Vue({ el: '#app', router, render: h

v-clock 用法总结先看以下这段代码<ul v-for="item in items"> <li>{{ item.name }}</li></ul>那么，当我们使用vue从后台读取的数据时或者是刷新页面的时候因为响应问题可能会闪现一下{{item.name}} 这个vue.js模板变量，这样给用户带来了不好的体验，这时候v-cloak 就要派上用场了v-cloak： 防止页面加载时出现 v

一、shopCart组件(1) goods 父组件和 子组件 shopCart 传参deliveryPrice:{ // 单价 从json seller 对象数据中获取 type:Number, default:0},minPrice:{ // 最低起送价 从json seller 对象数据中获取 type:Number, default:20}其中 deli