![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
前端的一只小白
全栈摸索中
展开
-
地址跳转路由传参的两种方式 页面之间的传值方式
1.在地址显示内容的传参方式:this.$route.query首先跳转的地方写入要跳转的路由以及要传的参数this.$router.push({ path: '路由地址', query: { data1: '参数string', data2: { data21: '', data22: {} }原创 2022-04-24 16:04:20 · 1126 阅读 · 2 评论 -
vue使用 v-html加载不出页面解决方法
显然使用v-html有很多弊端,比如安全性问题等,我遇到了页面加载不出来且不能监听刷新的问题我们的需求是实现接口返回富文本数据前端进行显示不正确用法:<div v-html="content" />正确用法<div id="content" />方法里面:document.getElementById('content').innerHTML = res.data;我在使用过程中总是出现html加载不出来数据的情况,试了很多方法都不.原创 2022-04-24 14:24:12 · 4656 阅读 · 0 评论 -
Element-UI中table表头错位问题
可以全局添加样式body .el-table th.gutter{ display: table-cell!important;} body .el-table colgroup.gutter{ display: table-cell!important;}原创 2019-05-06 13:12:13 · 1364 阅读 · 0 评论 -
vue项目中定义全局变量
前言:项目中经常用到用户登录后的token、用户名、用户Id等等,这个时候就需要全局变量或者函数了,这里就简单说一下全局变量。首先定义全局变量模块文件:Modular.vueconst userName='xiaoming;const token='12345678'; export default { userName,//用户名字 token,//用户...原创 2019-04-25 10:19:40 · 2702 阅读 · 1 评论 -
tab中同一位置使用echarts,解决大小自适应问题:第二个开始大小不能自适应
今天使用echarts时遇到一个问题,同样的代码同一位置我点击存放了多个echarts图,大小有问题,案例如下:解决方案如下:因为我用到的是element的tab组件,查看文档后发现,该组件不会刷新生命周期钩子。也就是说不会触发echarts组建中的销毁初始化等,这几个tab中的echarts是同时加载的,解决方案就是加入v-if......是不是很坑爹 ...原创 2019-04-23 13:19:37 · 1340 阅读 · 0 评论 -
git 对版本进行管理
我们知道当一个项目中多个人管理或者项目比较大时,每次提交修改线上文件时,对版本的管理尤其重要,今天记录一下常用的几个命令以及步骤。我们可以打包上线后在进行版本的更新或者进行版本更新然后打包上线,都是可以的。1.拉取当前项目版本信息:# git fetch --all2.修改项目中关于版本的描述:3.把修改的两个文件内容提交到远程分支并合并:# git add ....原创 2019-03-25 10:31:09 · 239 阅读 · 0 评论 -
前端之vue轮播图效果-----引用Element走马灯效果
话不多说,先上效果图:1.首先要引用到element走马灯插件:下载element之后,在main.js中引入:import {Carousel, CarouselItem} from 'element-ui'Vue.use(Carousel)Vue.use(CarouselItem)2.在要使用的组件里引用标签: <el-carousel :...原创 2019-03-20 09:28:53 · 7212 阅读 · 1 评论 -
Element TimePicker 时间选择器 回显问题Invalid data
今天使用element ui中回显时一直2-01-01类似于这种无效的时间,后来发现是因为使用new Data处理后端返回过来的数据的时候:如果字符串为空,就会出现Invalid data。在不能保证时间一定有值的情况下,前端就需要对接收过来的数据进行处理。因为用的地方比较多我就把它封装到了一个文件中,所有的组件用到的直接引用方法即可:/** * 处理时间 * @param ...原创 2019-03-04 16:44:16 · 9705 阅读 · 0 评论 -
关于移动端、浏览器适配解决方案优缺点对比
以下仅供自己学习记录!一. 移动端适配问题1、使用rem进行浏览器适配:比较常用rem(fontsizeoftherootelement)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem一定会想起em单位,em(fontsizeoftheelement)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是...原创 2019-03-06 16:11:09 · 2877 阅读 · 0 评论 -
Echarts 提示内容自定义 y轴显示中文
提示信息:只需要重写tooltip中的formatter方法,然后按照函数进行数据处理,并返回要显示的数据即可。 tooltip: { formatter: function(params) { var res = params[0].name + '<br/>水质等级为:' var texts = '' ...原创 2019-01-14 15:16:35 · 12430 阅读 · 3 评论 -
vue中this.$router.push路由传参方法
在vue项目中通过this.$router.push路由跳转页面传递参数的方式经常用到,一般有两种方式:1.name+params传参方式:[name为要跳转的路由名,params为要传递的参数]this.$router.push({name:'success',params:{username:'tom',value:'04652'}}); 注意:如果要传递多个参数,可以先封装成对...原创 2018-12-29 11:19:06 · 1823 阅读 · 0 评论 -
fork项目的步骤:本地分支同步远程分支
1. fork项目到本地项目,clone到本地$ git clone https://github.com/yourname/project.git2. 更新代码至本地,与源码保持一致:默认本地为origin,一般远程为upstream$ git remote add upstream https://github.com/sourcename/project.git3...原创 2018-12-05 10:30:09 · 3885 阅读 · 0 评论 -
FileZilla Client的使用:项目打包构建更新步骤
作为一个刚转前端的小白,日常记录新学到的知识。'硬性要求':在学会操作步骤之前,一直都是项目里面的其他人来负责打包更新构建,但是偶有一天需要自己构建时一脸懵... 所以凡事能用到的,自己都要掌握,不要偷懒哟。废话少说,直接上步骤:1. 首先要下载FileZilla Client,这个就不用多说了,不会的可以自己搜一下。2.下载完毕后,打开界面该位置的站点管理器,如下:3....原创 2018-11-27 15:16:15 · 1549 阅读 · 0 评论 -
echarts使用:X轴不从0开始
只需要设置xAxis中的boundaryGap属性,设置为false代表是零刻度开始,设置为true代表离零刻度间隔一段距离... xAxis: { type: 'category', boundaryGap: false, data: dateList },... ...原创 2018-11-23 11:02:47 · 22203 阅读 · 2 评论 -
vue项目修改浏览器图标名称
首先打开项目目录:找到index.html:这个y就是浏览器显示名称,如果想要添加项目图标,在index.html的head中:<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">完成!...原创 2018-11-23 10:32:56 · 11276 阅读 · 0 评论 -
vue中如何实现样式之间的动态切换
在原生或者jQuery中,通过直接操作DOM来进行样式的渲染。那么在Vue中也要获取dom节点进行操作吗?!当然不需要!我们可以很方便的通过动态css判断进行渲染,下面是一个案例:<template> <div class="hello"> <ul> <li v-for="(list, index) in...原创 2018-11-21 09:32:27 · 2069 阅读 · 0 评论