![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
张小萍Becky
这个作者很懒,什么都没留下…
展开
-
vscode 使用,及常用插件
VSCode的使用:1.下载安装:https://code.visualstudio.com/Download2.安装常用插件:选中左侧工具栏的最后一项(扩展项)--->搜索常用的插件安装1)Auto Close Tag :匹配标签,关闭对应的标签 Auto Rename Tag: 自动重命名2)beautify : 良好的拓展性,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用 3) View In Browser 或 Open In Brows...原创 2021-03-17 09:09:12 · 185 阅读 · 0 评论 -
vue选项卡,实现上一步,下一步,双向随时切换 ,及单向穿梭框
<template> <div id="box"> <div id="leftBox"> <div id="leftContainer"> <span @click="shouHideClick" style="display: inline-block;float: right;cursor: pointer;"> <img style="width:24px; ba...原创 2020-12-01 10:24:37 · 3640 阅读 · 0 评论 -
vue项目引入阿里矢量图标库图标
首先创建我的项目,然后把自己需要的图片放到我的项目,把文件夹下载到本地项目,接下来把文件夹放到public下面,要修改iconfont.css 文件,这个跟自己新建项目的时候的命名有关系。"wl-con"是我当时给项目的命名,生成的icon className 到时候是跟这个绑定的,例如这样:“wl-confapiaoguanli”[class^=“wl-con”],[class*=“...原创 2020-03-11 10:57:10 · 1692 阅读 · 0 评论 -
使用 @media 查询来制作响应式设计
@media screen and (min-width:1507px) and (max-width:1619px){.className:}@media screen and (min-width:1101px) and (max-width:1280px){.className:}@media screen and (min-width:1024px) {}@media sc...原创 2020-02-27 15:48:05 · 332 阅读 · 0 评论 -
echats中x轴和y轴的名称被遮挡,
Y轴的数字没遮挡了,原本是1200,1500 的,现在看不到了grid:{left:50,// right:-20},2. 要改变折线的颜色:color: ["#0DBBFF"],3. 改变饼图的颜色: data: [{value: 335, name: ‘直接访问’,itemStyle:{color:’#409eff’}},{value: 310, name: ‘邮件营销’,i...原创 2020-02-26 14:59:25 · 1550 阅读 · 0 评论 -
element ui tab切换加载echarts不显示或显示不全问题解决:
今天在写echarts图表时发现的问题,因为图表是属于第四个页签,所以当切换到第四个页签时,图表都是空的,一直以为是自己图表的问题,或者组件引入有问题。调试的时候发现,如果改变图表数据会触发图表刷新,图表这时候会显示出来。一直纠结在生命周期的问题上。。。百转千回,发现是tabs 切换导致的问题。<el-tabs v-model=“activeName” @tab-click=“hand...原创 2020-02-21 15:20:09 · 1683 阅读 · 2 评论 -
babel eslint TypeError: Cannot read property 'range' of null
今天用了一下mpvue的小程序,运行时报错,babel eslint TypeError: Cannot read property ‘range’ of null把package.json 的bable-eslint 做了降级处理,再次运行没有报错了。 原本是8.2.3的。...原创 2019-12-28 15:19:09 · 1852 阅读 · 0 评论 -
Vue中的scoped及穿透方法,改变第三方组件库样式
我们什么时候需要用到穿透呢?scope的意思是为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。就是在我们需要修改原生样式,比如要修改antd design vue内置的组件的样式的时候,比如table组件...原创 2019-12-21 16:37:13 · 562 阅读 · 0 评论 -
95% emittingFATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 1: no
95% emittingFATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory1: node_module_register2: v8::internal::Factory::NewRawTwoByteStringnpm ERR! code ELIFECYCLEnpm ERR! e...原创 2019-12-20 13:57:10 · 913 阅读 · 0 评论 -
vue路由 query传参和params传参的区别
在网上看到很多人说param只能用name引入路由,query只能用path 。我今天试了一下,query 用path name 都可以携带参数跳转。 但是我并不知道原因,希望有大牛告知一下。但是params 只能通过name ,通过path 无效,能跳转到相应的页面,但是无法获取到传递的参数。获取参数的方法this.route.params.idthis.route.params.id...原创 2019-06-27 10:39:44 · 337 阅读 · 0 评论 -
vue路由$router $route
首先我们来看打印的结果,上面是console.log(this.router)的打印结果下面是console.log(this.router)的打印结果下面是console.log(this.router)的打印结果下面是console.log(this.route)的打印结果另外记住传递用routerthis.$router.push({name:‘hello’,params:{n...原创 2019-06-27 10:14:27 · 278 阅读 · 0 评论