
vue
Dj_Fairy
喜欢编程的小女子,我的博客https://dfairy.github.io/dfairyblog/
展开
-
cube-ui 地址选择器
由于省市区是后台传的,所以不能直接赋值<template> <div> <cube-button @click="showAsyncPicker">Async Load Data</cube-button> </div></template><script>import baseUrl from '../assets/api/baseUrl' import qs from 'qs'exp原创 2021-09-15 16:22:15 · 453 阅读 · 1 评论 -
vue中axios里面返回值,获取不到
原因:因axios返回值是异步操作,获取返回值时,请求操作还未完成,就已经执行了赋值,导致结果位undefined解决方法:async….await,async声明发放为异步方法,await等待异步操作执行完毕举例: async getCountry(city){ let arr=[] await this.$axios.post(baseUrl+'/county2.do',qs.stringify({ cityCode:c原创 2021-09-15 10:55:30 · 5873 阅读 · 0 评论 -
vuex刷新之后数据不保存的问题
思路:在刷新之前存到本地存储(session localstorage sessionstorae)在页面加载时读取sessionStorage里的状态信息再更新vuex数据加载完之后之后再把storage删除代码:我这里用的插件good-storage作本地存储的 created() { //在页面加载时读取sessionStorage里的状态信息 if (storage.session.get('user')) { t原创 2021-08-31 16:34:50 · 357 阅读 · 0 评论 -
eslint报错
报错:12:7 error Missing space before function parentheses space-before-function-paren14:1 error Expected indentation of 6 spaces but found 8 indent原因:写代码的时候有空格问题解决方法:要么自己把空格问题编辑好,要么忽略配置在文件夹eslintrc.js中加入rules: { 'indent': 0,...原创 2021-05-13 16:48:59 · 785 阅读 · 0 评论 -
vue-cli3根据不同环境配置axios的baseUrl
下面我将介绍三种环境的baseUrl配置开发环境、测试环境以及生产环境在vue-cli3中,npm run serve时会把process.env.NODE_ENV设置为‘development’;npm run build时会把process.env.NODE_ENV设置为‘production’;因而,接下来我们要设置一个测试环境的process.env.NODE_ENV首...原创 2019-03-31 14:33:53 · 6375 阅读 · 1 评论 -
vue打包构建以及性能优化
打包构建优化1、在配置里面设置productionSourceMap: false,代码打包后没有.map文件2、用路由懒加载3、看体积,有没有优化的空间(比如说没必要引入整个 Element,可以根据需要仅引入部分组件)在package.json里面配置"report": "vue-cli-service build --report"执行npm run repo...原创 2019-03-05 13:27:44 · 575 阅读 · 0 评论 -
vuex学习
重点介绍vuex,言简意赅的告诉你该怎么用,该如何用转载 2018-11-14 11:24:43 · 266 阅读 · 0 评论 -
搭建node.js+vue环境/react native环境
1、看这个网址根据上面将node.js下载下来http://www.runoob.com/nodejs/nodejs-install-setup.html2、如果node --version出现如下v8.12.0版本号说明安装成功3、如果node安装成功,npm也会连带着安装成功4、安装淘宝镜像npm install -g cnpm --registry=https://...原创 2018-10-25 15:26:49 · 398 阅读 · 0 评论 -
vuejs添加环境常量----多环境开发打包场景解决方案之一
1、在congig目录下面添加新的js'use strict'const chalk = require('chalk')/** 环境列表,第一个环境为默认环境* envName: 指明现在使用的环境* dirName: 打包的路径,只在build的时候有用* baseUrl: 这个环境下面的api 请求的域名* assetsPublicPath: 静态资源存放的域名,未指定...转载 2018-10-15 14:26:19 · 783 阅读 · 0 评论 -
如何在Vue项目中使用vw实现移动端适配
1、使用如下几个插件npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S2、在postcssrc.js中配置module.exports = { "plugins": { "p...转载 2018-09-07 11:13:39 · 679 阅读 · 0 评论 -
vue遇到的问题与疑问
1、初始化vue项目,报错This is probably not a problem with npm,there is likely additional logging output above原因:版本原因,更新一下解决方案: npm install之后,运行 npm i -D webpack-dev-server@2.9.72、引入fontAwson打包完后路径问题解决...原创 2018-08-23 14:43:49 · 573 阅读 · 0 评论 -
Vue项目碰到"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错
解决方法:看项目中有没有node_modules有的话删掉这个文件夹,在cmd中 npm install没有直接 npm install原创 2018-06-27 17:45:11 · 778 阅读 · 0 评论