Vue
文章平均质量分 52
七侠剑客
这个作者很懒,什么都没留下…
展开
-
vue-router 一些容易被忽略的知识点
声明:本文转载作为学习自用,如有侵权请联系本文适用于对 Vue.js 和 vue-router 有一定程度了解的开发者除特殊说明,vue-router 版本为 3.0.2正文路由 class 匹配<router-link> 路由匹配后会给该标签添加 class 属性值 .router-link-active,该功能在嵌套路由中十分方便class 的实际属性值可以...转载 2020-03-09 23:02:14 · 824 阅读 · 0 评论 -
npm降级,重新升级失败,一直提示更新
今天下载一个项目,由于npm版本过高,导致npm ERR! Maximum call stack size exceeded报错,查询相关资料是因为npm版本过高,于是降低版本,安装一个npm包。可是在安装完成后,运行之前的项目,一直提示npm更新. 使用...原创 2019-11-06 16:46:59 · 1933 阅读 · 2 评论 -
vue安装百度地图依赖包,以及使用(模块化引入百度地图)
vue安装百度地图依赖包,以及使用(模块化引入百度地图) 百度地图已经基于Vue开发了对应的组件,我们可以通过引入百度地图依赖包,使用百度地图,步骤如下:1.安装百度地图依赖包npm install vue-baidu-map -s可以安装到当前项目下,可以通过node_modules文件查看是否有vue-baidu-m...原创 2019-04-20 15:23:05 · 6763 阅读 · 9 评论 -
Vue中class与style绑定
Vue中class与style绑定转至:https://www.cnblogs.com/lily1010/p/5838954.html该文主要作为学习笔记进行转载,如有侵权请联系一 用对象的方法绑定class很简单,举个栗子:<!DOCTYPE html><html> <head> <meta charset="UTF-...转载 2019-05-07 13:36:10 · 329 阅读 · 0 评论 -
vue动态绑定class的几种方式
vue动态绑定class的几种方式对象方法最简单的绑定,也是比较常用的方法(这里的active加不加单引号都可以,以下也一样都能渲染):class="{ 'active': isActive }"判断是否绑定一个active:class="{'active':isActive==-1}" 或者:class="{'active':isActive==index}"绑定并判断多个...原创 2019-05-07 13:45:06 · 851 阅读 · 0 评论 -
vue 在axios中使用路由跳转并传参,报Cannot read property '$router' of undefined
在用vue开发项目时,需要经A页面的参数以及页面中axios返回的参数传递到B页面,直接上代码吧(简单写了):data() { return { imageUrl: require("../../static/tianjia.png"), dateValue1: "2018-09-08", dateValue2: "2018-09-10", } }met...原创 2019-05-21 17:42:04 · 12950 阅读 · 5 评论 -
vue-router(vue路由)跳转及传递参数的方式
在做项目的时候需要从A页面跳转到B页面,并进行参数传递,于是查询官网了解到,vue路由主要有两种方式:一是,使用编程式的导航;二是:使用router-link。由于项目中跳转时,有个axios请求,所以这里主要讲解使用编程式的导航第一种是使用编程式的导航使用编程的导航主要借助 router.push(location, onComplete?, onAbort?)注意:在 Vue 实例内部...原创 2019-05-22 19:56:16 · 10090 阅读 · 0 评论 -
深入理解vue中的slot与slot-scope
走在前端的大道上插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 实际上,一个slot最核心的两个问题在这里就点出来了,是显示不显示和怎样显示。由于插槽是一块模板,所以,对于任何一个组件,从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板两大类。非插槽模板指的是html模板,比如‘div、span、ul、table’这些,非插槽模板的显示...转载 2019-06-10 13:52:35 · 653 阅读 · 0 评论 -
vue中axios设置timeout超时
在做vue项目的时候,由于数据量查询比较大,所以前台调用接口数据的时候,往往要等很久,所以需要设置个超时,当超过设置时间就让向页面返回一个状态,让使用者不用一直等。通过官网api查询,对其超时讲解不是很多,但其和Jquery中请求非常类似Jquery请求方式$.ajax({ url: '接口地址', type:'get', //请求方式get或post data:{}, /...原创 2019-06-26 14:44:51 · 42150 阅读 · 0 评论 -
vue中axios设置超时(超过5分钟)没反应,解决办法
(chrome环境)在做项目的时候,由于做大数据可视化界面,后台接口查询数据往往会比较久,导致vue项目axios请求超时timeout设置就比较大。开始设置超时未3分钟时没有问题(这里我设置超时弹窗了),可设置超时未6分钟时,却在五分钟左右弹出请求超时,但明明设置tiemout=6x60x1000。于是通过资料查询,了解到Chrome浏览器,默认请求超时为五分钟,所以导致上诉现象产生,可如何在...原创 2019-06-27 17:25:01 · 19271 阅读 · 5 评论 -
vue.use和vue.prototype的区别
今天看自己项目代码,打开引入插件包的main.js,留意到引入包或者文件有两种方式:import Vue from 'vue'import echarts from 'echarts'import global from './global.js' //我自己创建的全局变量函数文件Vue.prototype.$echarts=echarts;Vue.use(global)于是...原创 2019-07-10 16:55:15 · 12801 阅读 · 0 评论 -
Vue-认识状态管理vuex
Vue-认识状态管理vuex转至:https://www.cnblogs.com/superlizhao/p/8557474.html该文主要作为学习笔记进行转载,如有侵权请联系vuex是一个专门为vue.js设计的状态管理模式,并且也可以使用devtools进行调试,可以多个组件共享状态。简单来说,就是共享的状态用state来存放,用mutations来操作state,但是需要用store...转载 2019-07-05 11:35:02 · 237 阅读 · 0 评论 -
vue中引入百度地图,以及解决地图出现undefined(地图未定义)
vue中引入百度地图,以及防止地图出现undefined(地图未定义) 最近有个项目需要使用百度地图,于是自己尝试在先写个demo进行测试,主要体现在下面两种方法:第一种方法:在index.htm引入查看其它文章发现,要在在build文件下的webpack.base.conf.js配置map,个人尝试是否配置无作用开始实例化生...原创 2019-04-20 13:46:14 · 11168 阅读 · 5 评论 -
vue引入百度离线地图
vue中引入百度离线地图前几天在vue中引入了在线百度地图,并根据demo测试,写了几种方法《vue中引入在线百度地图》,今天就介绍如何在vue中引入百度离线地图。1、首先要准备下载百度离线地图所需的文件,文件地址:vue中引入百度离线地图所需文件在这里就不介绍百度离线地图下载方式了,自己百度查询2、其次将所需要的文件引入到index.html <script type="te...原创 2019-04-24 14:01:17 · 10931 阅读 · 43 评论 -
vue中如何双循环(v-for)获取data中的值
双层循环获取data中的值 在写demo的时候,需要打印日志,而后台的接口数据是多个包含键值对的数组如: {items:[{today:'2018-12-24',time:'20:41:12',text:'数据加载中'}]}, {items:[{today:'2018-12-24',time:'20:41:12',text:'数据加载成功'}]}, ...原创 2018-12-28 19:43:49 · 20272 阅读 · 0 评论 -
vue使用element-ui表格移入修改tr背景色
element-ui表格移入(hover)修改背景色在对element-ui表格样式进行修改时,发现修改过后移入时,其背景色没有改变,与表格整体背景对比,则格格不入。刚开始以为是对每行tr移入时修改其背景,但通过开发者模式发现并不是那么简单,而对其改变的应该是移入tr时,改变的应该是其子td的背景色,即:.el-table__body tr:hover>td { backgrou...原创 2018-12-25 18:44:43 · 9142 阅读 · 0 评论 -
vsCode开发vue使用v-for时,编译器提示错误解决办法
v-for在vscode编译器中显示红色错误解决办法在用vue开发项目过程中,使用v-for去获取数据时,发现vscode编译器提示红色错误,而windows命令行也并没有报错,通过查看浏览器控制台,发现也并未报错。通过相关资料查询,一种是因为vetur插件导致,可通过设置:&quot;vetur.validation.template&quot;: false将上述内容,复制到vscode编译器用户设置...原创 2018-12-25 19:14:38 · 1838 阅读 · 0 评论 -
Vue运行出现Missing semicolon错误,解决办法
vue出现 Missing semicolon错误,解决办法 用vscode开发vue项目,运行时出现Missing semicolon报错通过命返回的错误可以看到,它提示我们是App.vue十一行有问题,少了分号导致将分号添加,再运行项目则正常。...原创 2019-03-25 13:46:11 · 77173 阅读 · 4 评论 -
安装node.js框架express,查看是否安装成功,报错 error: unknown option `-V'
安装express框架时,出现error: unknown option `-V’错误 在写项目的时候需要使用express框架,于是正常安装npm包,npm install express -g,这里存放到我设置好的node.js全局文件夹下,提示也安装成功,就想着查看express是哪一版本,开始运行时,输入express -v结果出现:通过...原创 2019-03-25 14:12:34 · 25850 阅读 · 6 评论 -
node.js运行项目时,Error: listen EADDRINUSE :::8001,端口被占用,如何解决
node.js运行项目时,Error: listen EADDRINUSE :::8001,端口被占用,如何解决运行项目时,Error: listen EADDRINUSE :::8001,通过相关资料查询是端口被占用导致,按照解决办法:1.先找到该端口被哪些程序占用输入命令行:netsat -aon|findstr 8001,找到端口监听的位置】2.结束端口被占用的进程输入命令行:ta...原创 2019-03-26 08:58:58 · 2803 阅读 · 0 评论 -
vue项目开发,前端传入时间为UTC 通用标准时如2018-07-16T16:00:00.000Z,格式化为正常时间yyyy-MM-dd
vue项目开发,将前端传入UTC 通用标准时如2018-07-16T16:00:00.000Z,格式化为正常时间yyyy-MM-dd vue开发项目时,前期已经根据需求定制好前后端接口数据格式。但当前后端进行接口调试,遇到时间传入有问题,抓包发现是传入的时间有问题,如2018-07-16T16:00:00.000Z。<template>...原创 2019-04-02 13:41:22 · 15274 阅读 · 11 评论 -
vue给标签动态绑定title
vue给标签动态绑定title在利用vue开发时,如果标签宽度比较小,我们需要利用overflow:hidden;text-overflow:ellipsis;white-space: nowrap;对其进行隐藏,但隐藏后如何读其信息,我们一般采用给标签如span、div、p添加title,但在vue中如何动态绑定呢?直接上代码(这里span我们要设置display:block 或者inli...原创 2019-04-26 10:41:00 · 11648 阅读 · 0 评论 -
vue中百度离线地图,点聚合问题
vue中百度离线地图,点聚合问题项目中,相同的代码。相同的聚合js文件,在vue中引入百度离线地图,刚开始是出现,地图点位不能聚合,于是从官网直接下载源文件,点聚合解决了,但出现InfoWindow(显示点位信息详情)无作用,跟踪bugger也没有报错,最后把自己原先的MarkerClusterer_min.js红色框选去掉,就可以,一脸疑问?虽然最后点聚合实现了,但上述问题并没有搞懂为什么...原创 2019-04-26 18:54:34 · 2141 阅读 · 0 评论 -
vue中使用v-for,出现警告 component lists rendered with v-for should have explicit keys
在运行vue项目时,其中使用了for循环,虽然界面没出现问题,但命令行还是有一段问题警告:从上述警告中可以看出,意思是我们的for循环中,缺少对应key,所以我们加上即可:...原创 2019-04-28 10:12:52 · 17362 阅读 · 1 评论 -
vue中百度地图组件,点聚合
vue项目中,安装百度地图组件后(在我的上一篇文章已介绍vue安装百度地图依赖包,以及使用(模块化引入百度地图)),但如何对点位进行聚合呢?首先,我们可以看百度地图组件官网:注意红框框选(后面讲到官网这个bugger)根据官网介绍,我们可以进行全局和局部注册,进而引入点聚合。局部注册:我们就可以按照官网介绍,首先引入包,然后进行注册:import {BmlMarkerClusterer}...原创 2019-04-28 15:22:49 · 11712 阅读 · 19 评论 -
vscode开发vue首选项配置及常用插件扩展
vsCode首选项配置1.进入vscode页面,点击设置打开开用户设置或者点击文件》首选项进入该页面2.如果进入为上述页面,找不到setting.json文件,可通过ctrl+shift+p快捷键,在搜索栏输入preferences:open settings(json)3.进入用户模式进行配置,初始化用户设置为空,将下面内容拷贝进去(注意大括号{}),红色的区域主要是为了css提示设置...原创 2018-12-17 13:40:21 · 6345 阅读 · 0 评论