- 博客(16)
- 收藏
- 关注
原创 pdfjs-dist在vue的使用
背景:iframe展示 pdf 在 IE 浏览器直接下载文件,无法预览展示。2.创建组件文件没做翻页,展示全部页下滑展示然后在对应的地方引入即可,传入对应的 src 路径;
2023-08-31 10:23:30 2966 3
原创 localStorage设置过期时间
思路:将localStorage.setItem()和localStorage.getItem()进行封装,设置值时将过期时间传入进去,在获取值时进行判断是否过期,过期就清除并返回null。
2023-04-09 22:54:21 1023
原创 vue-cli3+使用less全局变量
1. 创建 vue.config.js终端到对应的目录下;输入 vue add style-resources-loader然后选择 less在vue.config.js中修改配置安装less-loader:cnpm i less-loader@6.0.0然后安装less: cnpm i less然后在main.js里面引入即可使用style.less里声明的全局变量了...
2021-11-11 16:31:54 1189
原创 新电脑从零配置vue、以及常用插件和问题记录
vue环境配置、node、vscode等等1 首先安装node、和淘宝镜像cnpm下载地址: node官网地址 https://nodejs.org/en/检查是否安装成功:cmd控制台输入 npm -v然后安装淘宝镜像 cnpm: npm install -g cnpm –registry=https://registry.npm.taobao.org检查是否安装成功:cnpm -v2.全局安装vue-clinpm install -g @vue/clivue -V 查看是否安
2021-11-11 15:09:57 1050
原创 vue使用vue-amap实现高德地图的区划聚合+海量点展示
1.安装 vue-amap 插件npm install vue-amap --save2. 在 main.js 中引入并设置相关配置import VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: 'YOUR_KEY', // 高德key,可以在官网申请 plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapTyp.
2021-09-01 15:51:52 4150 9
原创 uniapp使用scroll-view组件实现数据滚动加载
uniapp使用scroll-view组件实现数据滚动加载<!-- scroll-y="true" 可y轴滚动 scroll-x="true" x轴滚动 设置固定高才能滚动--><scroll-view :scroll-top="scrollTop" scroll-y="true" scroll-x="true" class="scroll-Y table" @scrolltolower="handleScrolltolower"><
2021-02-21 13:36:09 4210 1
原创 vue自定义全局弹窗组件
vue自定义全局弹窗组件组件目录如下dialogBox文件代码如下:<!-- 弹窗dialog.vue文件 --><template> <div class="dialog_box" v-if="show"> <div class="dialog_wrap"> <img v-if="type === 'success'" src="@/assets/success_icon.png"
2020-12-24 10:57:45 1615
原创 侧边导航栏随窗口滚动切换选中,点击对应内容元素滚动到浏览器窗口的可视区域内
<template> <div class="sideBar"> <div class="side_wrap"> <div class="side_item" @click="handleClick(item, index)" v-for="(item, index) in sideList" :class="{ active: item.active }" :k
2020-11-03 15:37:07 1903
原创 element-ui的table组件,合并行
element-ui的table组件,合并行。<el-table class="table" :data="formData.tableData" :span-method="objectSpanMethod" // 合并行 border style="width: 100%"></el-table>objectSpanMethod({ row, column, rowIndex, columnIndex }) {// 这里的判断条件是,合并列数大
2020-09-18 09:12:47 348
原创 uniapp的map组件实现轨迹回放(小程序)
<map style="width: 100%; height: 100vh;" id="myMap" :latitude="latitude" :include-points="markers" :longitude="longitude" :polyline="polyline" :markers="markers" ></map>首先使用uniapp的map组件,根据后端给的数据来设置对应属性:latitude、longitu
2020-08-03 09:50:35 8426 28
原创 uniapp小程序开发笔记
uniapp小程序开发记录#uni.request的请求封装uni.request不是异步的需要通过Promise封装后才可以实现then回调.export default(requestUrl, type, params) { return new Promise((resolve, reject) => { uni.request({ header: { authorization: getToken(), },
2020-07-28 11:46:33 553
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人