自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 h5适配,rem的使用

window.onload = function(){ /*720代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(750,100)};window.onresize = function(){ getRem(750,100)};function getRem(pwidth,prem){ var html =

2020-11-20 10:10:31 6

原创 vue手动判断浏览器关闭

当浏览器关闭时,我们可以清除localstorage及cookie在App.js里面写入 mounted() { window.addEventListener('beforeunload', e => { console.log(e) localStorage.removeItem('token') }) },

2020-11-05 11:33:48 11

原创 elementUI 侧边栏加滚动效果

.aside { height: 100%; overflow: auto; &::-webkit-scrollbar{ display:none } }

2020-11-04 17:01:32 15

原创 vuex结合localStorage存储数据

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { editableTabsValue: '1',//当前tab页 editableTabs: [{ title: '首页', name: '1', path:'/equipmentDistribution', }], tabIndex:

2020-11-03 16:07:45 10

原创 elementUI table表格修改高度和字体大小

<el-table :row-style="{height:'20px'}" :cell-style="{padding:'0px'}" style="font-size: 10px"> </el-table>:cell-style="{padding:‘0px’}"加不加也不是那么重要,看情况

2020-11-03 16:05:03 86

原创 vue-cli打包首页白屏问题

第一种办法在vue.config.js配置module.exports = { lintOnSave: true, publicPath: './', outputDir: 'dist', assetsDir: 'static'}第二种解决办法在项目中使用了es6的语法,一些浏览器不支持es6,造成编译错误不能解析而造成白屏安装 npm install --save-dev babel-preset-es2015安装 npm install --save-

2020-11-02 16:25:33 41

原创 页面之间传值,页面刷新后值存在的办法

一、this.$router.push({ name:’ ',params:{id:‘1’}})在router.js那里,在path后面加上/:id二、this.$router.push({path:’’,query:{data:JSON.stringfiy(data)}})JSON.params(thid.$route.query)

2020-10-30 15:32:19 20

原创 vue-cli中eslint和prettier的配置问题

一、安装好插件二、配置.eslintrc.jsmodule.exports = { root: true, env: { node: true }, extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'], parserOptions: { parser: 'babel-eslint' }, rules: {

2020-10-30 11:04:26 89

原创 Mac电脑卸载和安装vue

1、开放权限sudo chmod -R 777 /usr/local/lib/node_modules/2、卸载vuenpm uninstall vue-cli -g3、安装vuenpm install -g @vue/cli4、查看有没有安装成vue -V

2020-10-29 18:51:17 19

原创 vant ui移动端的UI组件库

https://vant-contrib.gitee.io/vant/#/zh-CN/panel

2020-10-29 16:50:45 4

原创 for...in 和 for...of

一、for…of 循环数组var arr = ['nick','freddy','mike','james'];for(var item of arr){ console.log(item) //nick,freddy,mike,james}二、for…in 循环对象和数组var arr = ['nick','freddy','mike','james'];for(var key in arr){ console.log(key) //0,1,2,3}'--------

2020-10-24 22:19:50 4

原创 数组循环的几种方法

1、forEach let arr = [1,2,3,4,5] arr.forEach((item,index,array)=>{ console.log(item) // 12345 console.log(index) //01234 console.log(array) // [1,2,3,4,5] })2、map 需要return返回 返回一个新数组let temp = arr.map((item,index,array)=>{ re

2020-10-24 14:05:47 13

原创 数据变动页面刷新的方式

第一种、二次调用增删查改后都在此调用查询接口,进行二次调用来达到页面的更新第二种、provide/inject方式局部刷新(推荐)首先在App.vue全局设置provide<router-view v-if="isRouterAlive"></router-view>在script中写入<script>export default { provide(){ return{ reload:this.reload }

2020-10-22 10:41:49 13

原创 elementUI中message提示只提示一次的方法

加入this.$message.closeAll()

2020-10-22 08:20:37 37

原创 vue3项目中使用天地图并加入标注

浏览了很多其他的博客,发现每个人都是从webpack.base.conf.js配置,然后出现T不存在的报错,我都不知道怎么运次出来的 唉!!**一、在index.html文件中引入cdn资源:**在头部引入<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=申请到的KEY值"></script>二、建立一个js文件,如 map.jsexport default { methods: {

2020-10-09 08:35:02 79

原创 对象的深拷贝,不做区别,我常用的一种方式

let a = {name:“小明”}let b = Object.assign({},a)深拷贝成功!

2020-09-28 16:55:15 19

原创 vue项目中使用echarts画柱状图

一、安装echartsnpm install echarts --save二、在你画图的页面中引入import echarts from ‘echarts’三、给div一个id 四、在data初始化数据data() {return {chart: null,option: {title: {text: ‘Biu~简单柱状图示例’},tooltip: {},legend: {data:[‘销量’]},xAxis: {data: [“衬衫”,“羊毛衫”,“雪纺衫”,“裤

2020-09-28 09:12:44 46

原创 axios get请求如果遇到参数有数组的情况怎么解决

在你设置请求拦截器的地方,加上圈里的内容,别忘了引入qsimport qs from ‘qs’

2020-09-27 14:25:50 200

原创 elementUI z-tree 半选状态下返回父节点id和所选子节点id

2020-09-25 09:18:30 32

原创 vue-clii中使用echarts画折线图

一、npm安装echartsnpm install echarts --save二、在需要的vue页面引入import echarts from 'echarts'三、给div一个id<divid="areaBox"style="width: 60%;height: 60vh"></div>四、data里面定义data(){return{//指定图表的配置项和数据...

2020-09-23 17:03:09 22

原创 vue-cli3项目中使用天地图

一、申请天地图密钥,去官网,不做详细阐述,在public-index.html引入script<scriptsrc="http://api.tianditu.gov.cn/api?v=4.0&tk=你申请的密钥"></script>二、建一个js文件,写入以下内容三、在你需要引入天地图的vue页面<template><divid="yzMap"></div></template>...

2020-09-22 13:50:24 82

原创 剩余参数运算符在vue中的使用

在vue项目中,调用后台接口肯定少不了,之前都是把axis统一封装在一个http.js里面,参数都是按照后台参数解构赋值上,后来参数太多看着代码也太长了,这个时候就需要用到剩余参数运算符了,ES6的一种,用来深拷贝利器!在js文件里作为形参调用时传入实参...

2020-09-22 13:42:09 17

原创 elementUI 导航栏 鼠标移入改变背景色

.el-menu-item-group .el-menu-item.demo:hover{background: #34466a !important;color: #fff !important;}

2020-09-18 11:29:13 512

原创 搭建vue-cli脚手架(傻瓜搭建vue项目)

什么叫做傻瓜搭建,顾名思义就是傻瓜按着步骤都能搭建出来,话不多说,直接上步骤↓↓↓↓↓↓↓↓一、先安装node.js环境官网下载:https://nodejs.org/en/download/下载应该没啥问题 ,一直默认就行(自己注意点,需要改路径的话改一下)二、查看一下自己安装成功了没(自信且省略)windows+r打开cmdnode -v 查看 node版本npm -v 查看npm版本三、安装vue-cli很多博主都是用的cnpm,所以我也学习使用的cn...

2020-09-16 09:22:08 37

原创 vue elementUI table 导出为Excel表格

一、安装相关依赖//xlsx 与 file-saver依赖npm install --save xlsx file-saver或者npm install file-saver -s二、在main.js中引入以上安装好的组件// vue中导出excel表格模板import FileSaver from ‘file-saver’import XLSX from ‘xlsx’Vue.prototype.FileSaver=FileSaver//设置全局Vue.prototype.FileSave

2020-09-15 16:34:03 60

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除