解决办法是,将父级的name去掉.(大多数情况下是按name来跳转的,不过这样一改,调到父级就得用路径跳转了): 下面上一下路由的配置: { path: "/index", component: () => import("./pages/index.vue"), children:[ { path:"/", name:"com1", component: () => import("./componen

vue实现部分页面导入底部 vue配置公用头部.底部,可控制显示隐藏 在app.vue文件里引入公共的header 和 footer header 和 footer 默认显示,例如某个页面不需要显示header 可以使用 this.$emit('header',false); 来控制header不显示 例如:test页面不需要显示header,在页面被创建的时候广播(this.$emit)告诉上级不显示header, 并且在当前页面写自己的header代码,就可以了 app.vue 1 2 3

vue配置手机通过IP访问电脑开发环境config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined autoOpenBrowser: false

vue配置手机通过IP访问config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined autoOpenBrowser: false, erro

vue项目在安卓低版本机显示空白原因: 可能的原因一: 查看安卓debug,报错,可能有箭头函数语法错误,或者其他语法问题,那可能是ES6语法问题. 这时候需要安装babel-pollyfill. 网上找到方法如下: https://blog.csdn.net/anxin_wang/article/details/78873359 1.安装babel-polyfill和es6-promise npm i babel-polyfill --save npm i es6-promise --save

React 在react中配置开发环境下的本地代理相对比较简单,直接在package.json文件中修改即可. 但是这样做有其局限性,如果开发中代理多个接口的时候将无法满足需求,我们需要的是下面这种的能够代理多个接口的请求方式 proxy('/back', { target: 'http://172.20.1.148:8082', changeOrigin: true }) 1):安装http-proxy-middleware管理包,npm i http-proxy-middleware --s

本篇文章主要介绍了vue配置请求本地json数据的方法,分享给大家,具体如下:在build文件夹下找到webpack.dev.conf.js文件,在const portfinder = require('portfinder')后添加 const express = require('express') const app = express() const appData = require('../data.json') // 加载本地json文件 const seller = appDat

vue配置域名访问其实很简单,新建一个vue的项目,不废话,直接上截图 红色框住的两行就是设置访问的域名以及端口,默认是host: localhost port: 8080 像这样修改之后,重启项目,一定会报错哒!如下图: 这个解决方式就是在C:\Windows\System32\drivers\etc\hosts文件里新增下面的一句话即可: 127.0.0.1 xuyue.com (ip+空格+域名) 然后再去启动项目,完美解决!!!

最近在用vue,遇到倒计时在ios上显示为NAN的问题. 因为做的是倒计时支付,思路是获取服务器时间和下单时间,再转成秒级时间戳做差值. 在网上找到说是ios 不支持例如2018-09-01 10:00:59这种"-"连接符. 网上的解决是: var date = '2018-09-01 12:00:00' var time= Date.parse(new Date(date)) 然后用正则匹配改一下,将-替换为/ var date = '2018-09-01 12:00:00' va

在我们平常写房地产相关项目的时候经常会用到百度地图,因为这一块客户会考虑到房源周围的配套或者地铁线路所以在这类项目中就不可以避免的会用到百度地图,当然这只是其中一种,其他地图工具也可以,因为我这个项目恰好要求用百度地图,所以就好好学习了一波百度地图,大概看了官方文档,发现没有想象中那么难,要相信自己可以做出来! 先上效果图: 如图:首先在地图上方有一个筛选条件,总体难度还好吧,虽然有点bug(哈哈),还是能用的!这个地方略过,主要看地图,首先我们需要先申请一个百度地图ak, 这个相当于我们的开发

之前写过关于全局配置http拦截器的随笔,现在有个需求,在微信支付时,生成二维码,页面显示一个遮罩层,二维码页面需要每两秒请求一次接口,若返回结果为已支付,则进行页面跳转,但因为全局http中loading的存在,每两秒遮罩会闪动一次,所以此处需要配置不显示loading. 解决思路是: 1.全局声明了一个变量isShowLoading: true: 2.全局的http.js引入声明全局变量的js文件,并在http拦截器中判断isShowLoading是否为true,如果是,则加载loading

整理一下~ 一.在vue中调用百度地图 首先当然是申请百度密匙(很简单,不多说) 1.在index.html文件中引入百度地图JavaScript API接口:   <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密匙部分哦"></script> 2.在bulid/webpack.base.conf.js配置文件中配置BMap,在mod

转载地址:https://juejin.im/post/5a02a898f265da43052e0c85 1.背景 在项目开发中ajax请求是必不可缺少 一部分ajax请求不需要loading或则请求时间少于多少是不显示loading 项目中对请求的同一化处理(错误处理,返回数据格式化处理,loading处理,token处理) 配置基于个人vue项目进行配置,已加载vux相关组件,会进行一些依赖的import(可以按需配置) import Vue from 'vue' import axios

一.根据官方建议,dist打包的项目文件放在服务器根目录下,但是很多时候,我们并不能这样做,当涉及到二级目录设置多层深埋的时候,就需要在webpack配置文件里去设置一下了. 在webpack.config.js(config—>index.js)文件里设置: build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.res

首先理清一下几个路由的基础概念: 1)route是一条路由,也就是映射,即A按钮→A内容,以数组形式存储 2)toutes:[]是一组路由,里面包含了若干条route,即route[{A按钮→A内容},{B按钮→B内容}] 3)router是管理机制,负责处理和查找路由请求 const router = new VueRouter({ routes }) 配置路由的步骤如下: 1.安装vue-router,在npm中输入 npm install vue-router,安装成功后在main.js同

https://blog.csdn.net/she_lover/article/details/51448967 https://blog.csdn.net/n_meng/article/details/78593743 以上博客写的很清楚,但是对应找属性和方法不是很好找,最近写项目用到echart正好记录以下. 一.npm安装echarts npm install echarts --save 二.在mian.js里面导入echarts import echart from 'echarts'

Vue 环境配置踩坑 目录 Vue 环境配置踩坑 windows下cnpm -v :无法将"cnpm"项识别为 cmdlet.函数.脚本文件或可运行程序的名称. windows下cnpm -v :无法将"cnpm"项识别为 cmdlet.函数.脚本文件或可运行程序的名称. npm和cnpm都是在git的全局环境下下载的 且安装完cnpm,nodejs文件夹下就已经有了node_cache.node_global这两个文件夹: 而且在用户变量里path变量路径已经存在

有时候,我们在JavaEE项目中配置了log4j及其参数信息,但是启动tomcat时,仍会显示如下信息:

vue-loader 1.)首先创建项目目录 --vue-loader文件夹 |-index.html 入口文件 |-main.js 入口文件 |-App.vue Vue文件 |-package.json 工程文件 |-webpack.config.js webpack 配置文件 2.)基于webpack模块化开发ES6 关于项目前准备工作 ①.建一个文件夹,文件夹就是你的项目名称,然后把必须的问价加在其中 |-index.html |-main.js |-App.vue |-package.j

前言: 由于网速原因,(ps:之前同事无意间在网速很差的情况下测出的)在使用vue开发时,会由于vue实例还没编译成功的时候数据绑定的"Mustache"标签会闪现一下,造成不好的用户体验.于是想起了可以通过v-cloak指令来隐藏未编译完成的Mustache标签. 看截图: ps:在测试网速在较差的情况下页面的展示情况,可以通过chrome开发者工具的Network进行网速的限制,看截图: v-cloak 用法: 这个指令保持在元素上直到关联实例结束编译.和 CSS 规则如 [v-c