摘要:
<!--纵向轮播--> <template> <div class="swiper-box"> <swiper :direction="'vertical'" :slidesPerView="3.9" :mousewheel="true" :modules="modules" :centeredSl 阅读全文
摘要:
1.我们需要在.scss文件中使用:export导出变量 $menuText: rgba(255, 255, 255, 0.65); $menuActiveText: #409eff; :export { menuText: $menuText; menuActiveText: $menuActiv 阅读全文
摘要:
一,默认插槽和具名插槽 // 子组件 <template> // 匿名插槽 <slot/> // 具名插槽 <slot name='title'/> </template> // 父组件 <!-- 具名插槽 --> <template #default> <div class="tab-header 阅读全文
摘要:
配置前言项目构建:基于vue-cli3构建,使用postcss-px2rem px2rem-loader进行rem适配实现原理:每次打包,webpack通过使用插件postcss-px2rem,帮我们自动将px单位转换成rem单位前方有坑:UI框架部分组件使用JavaScript将css作为内联样式 阅读全文
摘要:
首先npm 引入 import AMapLoader from "@amap/amap-jsapi-loader"; 在生命周期里加载实例 data(){ return { amap:{}, // 存放高德地图实例对象 mapObj: {}, // 存放当前绘画出的地图对象 } } mounted( 阅读全文
摘要:
// 判断浏览器是否为IE const isIE = ( /MSIE (\d+\.\d+);/.test(navigator.userAgent) || ~navigator.userAgent.indexOf('Trident/') ) mounted() { // 兼容ie iframe切换路由 阅读全文
摘要:
<el-table :data="tableData" style="width: 100%" :default-sort = "{prop: 'date', order: 'descending'}" > <el-table-column prop="date" label="日期" sortab 阅读全文
摘要:
这里需要去下载echart 4.2.0-rc.1版本 https://lib.baomitu.com/echarts/4.2.0-rc.1/echarts.min.js 兼容手机端缩放与点击事件 先去http://datav.aliyun.com/tools/atlas/#&lat=22.89016 阅读全文
摘要:
安装cross-env插件 cnpm i --save cross-env 1.修改package.json,如下 "scripts": { "devcom": "cross-env API_ENV=com vue-cli-service serve --open", "devgov": "cros 阅读全文
摘要:
在plugins目录下添加一个cache.js export default function(ctx) { //离开页面 刷新前 将store中的数据存到localStorage window.addEventListener('beforeunload', () => { sessionStor 阅读全文