Vue
前端小白123
这个作者很懒,什么都没留下…
展开
-
vue echarts 饼形图
<style> @import "../../css/style.css";</style><style scoped> @import "../../css/vue_half_pie.css";</style><template> <div class="half_pie"> <c...原创 2019-10-24 16:01:51 · 361 阅读 · 0 评论 -
vue echarts 柱形图
<style> @import '../../css/style.css';</style><style> @import "../../css/vue_single_bar.css";</style><template> <div class="single_bar"> <ch...原创 2019-10-24 15:16:43 · 2127 阅读 · 0 评论 -
vue echarts 带有阴影的折线图
<style> @import "../../css/style.css";</style><style scoped> @import "../../css/vue_single_line.css";</style><template> <div class="single_line"> ...原创 2019-10-24 15:07:29 · 2255 阅读 · 0 评论 -
vue echarts玫瑰类型视图
<style> @import "../../css/style.css";</style><style scoped> @import "../../css/vue_rose_pie.css";</style><template> <div class="pieRound"> <div cl...原创 2019-10-24 14:40:44 · 1239 阅读 · 0 评论 -
Vue引入百度地图
1.安装地图npm install vue-baidu-map --save2.在build文件夹中webpack.base.conf.js引入module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, externals: { 'B...原创 2019-06-18 12:00:08 · 8491 阅读 · 2 评论 -
Vue 使用 vue-echart
1.安装echart npm install vue-echart2.man.js中导入echartimport Vue from 'vue'import App from './App'import router from '../src/router/router'// 导入vue-echarts插件import ECharts from 'vue-echarts/compon...原创 2019-06-18 11:37:47 · 20177 阅读 · 0 评论 -
Vue网络请求 axios封装
1.安装axiosnpm install --save axios vue-axios2.在main.js中导入axiosimport Vue from 'vue'import App from './App'import router from '../src/router/router'import axios from 'axios'// Vue.use(axios); //...原创 2019-06-18 11:01:47 · 2333 阅读 · 0 评论 -
Vue 访问第三方API跨域问题
Vue访问第三方API时会出现跨域问题,解决方法是在项目目录中congfig文件夹下index.js文件中proxyTable配置代理。例如:module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', //此处配置代理 proxyTa...原创 2019-06-18 10:37:38 · 9788 阅读 · 6 评论 -
Vue 项目中去掉路由中#的问题
1.问题:使用Vue-router进行路由导航,但是在浏览器中地址栏url中总包含#的问题解决方法:更改src目录下的index.js文件,添加mode:‘history’方法解决’#'问题。2.添加mode:'history’方法后,如果把项目打包dist文件运行时,页面会出现404。网上查询解决办法是nginx。但是还没有尝试。...原创 2019-05-24 14:39:25 · 3053 阅读 · 0 评论 -
Vue打包后出错:Tip: built files are meant to be served over an HTTP server. Opening index.html over file
1、使用命令npm run build打包vue项目之后提示 :Tip: built files are meant to be served over an HTTP server.Opening index.html over file我的项目使用的是Cordova命令建立IOS项目,把npm run build的dist文件放到www文件,运行项目,打开app时index.html是...原创 2019-05-24 14:19:02 · 25935 阅读 · 7 评论 -
Vue如何读取图片
1.第一种是使用Require读取图片<template> <div> <div class="contetB"> <div v-for="person in personList"> <img :src="person.img"> &...原创 2019-04-26 14:38:32 · 11342 阅读 · 0 评论 -
Vue中如何把css单独成模块导入
使用方法很简单:单独建立一个css文件,然后在当前页面通过@import导入<style> @import " ../css/style.css" @import "../css/config.css"</style>原创 2019-04-26 10:01:46 · 3432 阅读 · 0 评论 -
Vue的Router使用
Vue Router 使用第一种Router使用的是VueRouterimport Vue from 'vue'import Router from 'vue-router'import Home from '@/components/Home'import nextPage from '@/components/nextPage'import detailPage from '@/c...原创 2019-04-26 09:56:56 · 152 阅读 · 0 评论