Vue
在平时的前端Vue项目中,用到的一些Vue相关的知识,在此总结记录一下
有名呀
加油!
展开
-
Vue报错—Unexpected tab character
【前言】初次跟着视频开始做vue小项目,真是太难了!由于自己基础知识不是很扎实,在解决问题的过程中思路很乱,导致错误越来越多。不过还好,最后还是一步一步试,把问题解决了。【内容】出错原因:因为在开始项目的初始化阶段,设置了eslint规范。.eslintrc.js作用:有时候需要对代码做一个检测,看一看写的是否标准,此文件中配置了一些代码规范,写代码必须按照这个规范写,才不会有错误的提示。解决方法:1.在项目的根目录下.eslintrc.js中加一行代码:"no-tabs":"o原创 2020-06-11 20:49:55 · 6125 阅读 · 5 评论 -
Vue—获取当前时间并实时刷新
【前言】获取当前系统时间,并在页面上显示并实时刷新,和系统时间保持一致。【内容】1、在data中声明变量data() { return { nowDate: null, //存放年月日变量 nowTime: null, //存放时分秒变量 timer: "", //定义一个定时器的变量 currentTime: new Date(), // 获取当前时间 } }2、定义获取时间的方法getTime,并在created(原创 2020-11-05 21:17:28 · 1795 阅读 · 4 评论 -
Vue—强制刷新子组件
【前言】当一个页面(父组件)包含多个子组件并刷新当前页面的时候,子组件在父组件页面不显示的问题,可以采用强制刷新子组件方法。【内容】采用v-if会销毁组件并且重绘,这样就会重载组件。// 1、父组件中的子组件<child v-if="DestoryChild == true" />// 2、在父组件内的增删改查方法中操作this.DestroyIncomeStatistics = false;// 3、然后你的方法成功后,Vue 实现响应式并不是数据发生变化之后 D原创 2020-11-08 15:48:05 · 1221 阅读 · 8 评论 -
Vue—局部刷新组件
内容vue中局部刷新组件,可以使用provide/inject方法,在App.vue中添加刷新方法,路由初始状态是显示的1、在template中添加的内容<template> <router-view v-if="isRouterAlive"></router-view></template>2、在script中添加的内容<script>export default { provide () { re原创 2021-01-17 19:58:05 · 696 阅读 · 4 评论 -
Vue—父向子传值
1、父组件向子组件传值1.1父组件1.在父组件中引入子组件(调用)import rulesMain from "../view/rules/rulesmain"; //引入规则流页面(子组件)2.在父组件的data中定义值(注册) data: function() { return { editDataList: [] }; } 3.向editDataList中放值(放值)editData(ruleId, ruleName, ruleMessage) {原创 2021-01-30 09:42:52 · 894 阅读 · 4 评论 -
Vue—FindIndex的使用
【前言】在做项目的时候,有时候需要修改某个数组元素中的某个值,就需要找到这个数组中元素的下标值。【内容】// 根据id得到下标// 默认去遍历list集合,将集合中的每个元素传入到function的item里,var index = this.list.findIndex(function(item){//根据item中的id属性来判断这个item是否是上面id中//对应的数据,如果是返回一个true ,否返回false,继续下面的一条数据的遍历,以此类推//如果返回true,那么f原创 2021-01-30 09:46:01 · 2151 阅读 · 5 评论 -
Vue—设置el-table背景透明样式
【前言】一般我们在使用ElementUI组件库的时候,在使用el-table时,背景通常是白色的,但有时候不能满足我们的实际需求,我想让el-table背景变为透明色,下面就来说一下如何实现。【内容】说明:因为我们通常都是使用ElementUI库的组件,这个组件库是有自己的一套样式的,所以要想实现自己想要的效果,难免要重写样式来实现。重写样式需要加(>>> 或者 /deep/),不加的话是不会生效的。1、在el-table外加div并自定义class<div原创 2020-11-06 14:01:15 · 20654 阅读 · 59 评论 -
Vue—Echarts饼图数据为0时如何不显示label与labelLine
【前言】在项目开发过程中,遇到这样的问题:当data中的value值为0时,在饼状图上是不占百分比的,例如下图:当value值为0时,如何让label与labelLine不显示呢?【内容】直接上代码 series: [ { label:{ normal:{ formatter:function(e){ let data原创 2021-05-26 21:00:34 · 7074 阅读 · 31 评论