vue
文章平均质量分 91
喝瓶冰阔乐
QQ号:2567269204
展开
-
vue中如何在登陆页面不显示导航栏
导航栏作为系统的通用组件,我并不想让其显示在登陆页面中,因此可以按照以下方法实现1.将通用组件如导航栏等和放在一起app.vue<div> <navigation v-if="!$route.meta.showNav"></navigation> <router-view /></div>2.其中route.meta.showNav是我加入路由中的信息{ path: '/', component: ()原创 2020-07-18 14:39:30 · 3922 阅读 · 5 评论 -
vue中动态更新Echarts已挂载好的数据
我们在vue中使用echarts是非常方便的像这样一个典型的使用echarts的vue文件chart.vue<template> <div id="chart"></div></template><script> export default { data() { return { deviceRec:[820, 932, 901, 934, 1290, 1330, 1320,110,1120,1900,1800,原创 2020-07-16 15:18:20 · 1977 阅读 · 0 评论 -
router页面间传参
index.vue向test.vue传参数路由router.js配置如下:{path: ‘/index’,name: ‘index’,component: () => import(’…/pages/index’)},{path: ‘/test’,name: ‘test’,component: () => import(’…/pages/test’)},1.使用paramsindex.vue中:this.router.push(name:′test′,//路由中的na原创 2020-05-21 21:52:25 · 331 阅读 · 0 评论 -
vue中restful风格下的传参
vue中restful风格下的传参:参数传递:this.$router.push({name: ‘pumpdetail’,params: { pumpId: 100 }})路由文件{path: ‘/pumpdetail/:pumpId’,name: ‘pumpdetail’,},参数接收:this.$route.params.pumpId...原创 2020-05-21 21:51:35 · 2364 阅读 · 0 评论 -
在nginx服务器部署vue项目
1.加入.env.dev和.env.prod环境信息.env.dev变量必须以VUE_APP开头,例如VUE_APP_URL,这样可以通过process.env.VUE_APP_URL访问到。NODE_ENV = 'development'VUE_APP_URL='http://localhost:8080'.env.prodNODE_ENV = 'production'VUE_...原创 2020-04-26 20:16:56 · 498 阅读 · 0 评论 -
gzip压缩
打包的时候开启gzip可以很大程度减少包的大小,非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。1.安装插件地址https://www.npmjs.com/package/compression-webpack-pluginnpm install compression-webpack-plugin --save-devyarn add compre...原创 2020-04-26 20:08:32 · 341 阅读 · 0 评论 -
eslint语法检查及规则配置
使用vue create 创建项目时,勾选了eslint,对vue有严格的语法检查,会因为空格和Tab出现编译错误Mixed spaces and tabs no-mixed-spaces-and-tabs解决方法:打开package.json,找到eslintConfig,配置"rules""rules": { "no-mixed-spaces-and-tabs": ["off...原创 2020-03-05 23:17:50 · 627 阅读 · 0 评论 -
vue安装出现的问题
npm安装vue安装Vue npm install vue -g安装Vue脚手架,用于生成项目npm install -g @vue/cli快速原型开发,编译.vue文件npm install -g @vue/cli-service-global查看vue-cli版本 vue --version在Vs Code终端中使用vue create project报错:vue : 无法加...原创 2020-03-05 21:19:11 · 281 阅读 · 0 评论 -
vue组件封装及父、子组件通信
对父组件的数据进行整理,剪切循环体内容到子组件template,子组件名称使用 - 区别剪切父组件style文件添加props、data、methods在父组件引入子组件,引入的组件名称使用驼峰,不能有-...原创 2020-03-01 15:43:06 · 611 阅读 · 0 评论