vue
文章平均质量分 52
xiaohuihui_z
这个作者很懒,什么都没留下…
展开
-
前端图片压缩
vue实现图片压缩转载 2022-07-25 09:35:23 · 498 阅读 · 0 评论 -
vcli3config配置
const path = require(‘path’)module.exports = {publicPath: ‘./’, // vueConf.baseUrl, // 根域上下文目录// outputDir: ‘dist’, // 构建输出目录// assetsDir: ‘assets’, // 静态资源目录 (js, css, img, fonts)lintOnSave: true, // 是否开启eslint保存检测,有效值:ture | false | ‘error’// runti转载 2021-06-16 16:22:04 · 190 阅读 · 0 评论 -
vue项目添加水印,防止刷新页面水印消失
引入一个waterMark.js文件之后 IE各种问题问题1:页面出现空白,登录页面都没有显示出来问题2:IE低版本(11以下)总是报语法错误问题1出现的原因是js文件包含箭头函数问题2出现的原因是const变量 Ie低版本无法识别呈上js文件'use strict' let watermark = {}let setWatermark = function(str) { let id = '1.23452384164.123412415' if (document.getEl原创 2021-06-01 11:33:29 · 1454 阅读 · 0 评论 -
垃圾回收机制和内存泄露问题
浏览器的 Java 具有自动垃圾回收机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存。其原理是:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。但是这个过程不是实时的,因为其开销比较大并且 GC 时停止响应其他操作,所以垃圾回收器会按照固定的时间间隔周期性的执行。不再使用的变量也就是生命周期结束的变量,当然只可能是局部变量,全局变量的生命周期直至浏览器卸载页面才会结束。局部变量只在函数的执行过程中存在,而在这个过程中会为局部变转载 2021-02-25 16:58:13 · 242 阅读 · 0 评论 -
vue的computed和watch的区别
首先watch首先是特别的消耗性能的能用computed的话 尽量使用computed实现computed的场景根据某个变量值的变化而变化注:当你有一些数据需要随着其它数据变动而变动时,你很容易滥用 watch举例说明我经常要用到时间段 但是需要先经过查询 然后给赋值 然后在导出所以可以利用computed{{timeget.endTime}}//这个是实时改变的var vm = new Vue({ data(){ return { timeRange:'',原创 2020-12-22 17:36:44 · 364 阅读 · 0 评论 -
普通js文件使用vuex的说明
vue组件的用法mutations同步函数的用法用法1:this.funcionName()用法2:this.store.commit("funcionName")actions异步函数的用法用法1:this.funcionName()用法2:this.store.commit("funcionName")actions 异步函数的用法用法1:this.funcionName()用法2:this.store.commit("funcionName")actions异步函数的用法用法1:this.原创 2020-12-04 11:15:35 · 4889 阅读 · 2 评论 -
vue组件传递数组遇到的坑
vue组件之间传递数组子组件获取不到 父组件的值如果是异步请求获取的 需要push一下才可以拿到原创 2020-11-12 17:35:43 · 808 阅读 · 0 评论 -
element ui table表头错乱问题
table使用时候 动态控制表头 v-if的时候表头错乱解决办法{{scope.row.sitename}}原创 2020-11-09 18:51:23 · 332 阅读 · 0 评论 -
vue强制刷新页面
Vue刷新页面的三种方式 亲测有效我们在写项目的时候,经常会遇到,用户执行完某个动作,改变了某些状态,需要重新刷新页面,以此来重新渲染页面。如:用户登录成功、增加、删除、更新等。1.原始方法:location.reload();2.vue自带的路由跳转:this.$router.go(0);用过的人都知道,前两者都是强制刷新页面,会出现短暂的闪烁,用户体验效果不好。所以,我们选择第三种方式:3.首先在App里面写下如下代码:(局部刷新) 接下来,我们就可以在需转载 2020-09-25 16:45:07 · 4384 阅读 · 0 评论 -
vue中使用原生js自定义事件监听
vue项目中引入外部js 需要通过外部js触发vue组件执行某些事件JS中,最简单的创建事件方法,是使用Event构造器:事件的定义var myEvent = new Event(‘event_name’);但是为了能够传递数据,就需要使用 CustomEvent 构造器:var myEvent = new CustomEvent(‘event_name’, {detail:{data:‘要传输的值’},});事件的注册//假设listener注册在window对象上window.a原创 2020-09-22 19:33:08 · 1790 阅读 · 0 评论 -
vue拦截请求添加loading
var queue = {}axios.create({timeout: 60000})axios.defaults.baseURL = baseUrl// request interceptoraxios.interceptors.request.use(config => {queue[config.url] = config.url;const token = sessionStorage.getItem(‘Access-Token’)if (token) {config.h原创 2020-09-04 09:06:27 · 1171 阅读 · 0 评论 -
element table为某一行单独添加样式
1.首先,el-table的标签里要加点东西,就是这个 :row-class-name=“tableRowClassName”2.当然就是实现 tableRowClassName这个函数啦tableRowClassName({row, rowIndex }) {if (row.xx < 0) {return ‘success-row’;}3.在css里实现他的样式 写在《style》《/style》.el-table .success-row {color: red !importa原创 2020-08-28 11:27:32 · 2326 阅读 · 0 评论 -
element table禁用复选框
禁用某个复选框的话 在复选框这一行加上 在复选框 加一个事件 :selectable=‘selectEvent’<el-tableref=“multipleTable”:data=“tableData”tooltip-effect=“dark”style=“width: 100%”@selection-change=“handleSelectionChange”><el-table-columntype=“selection” :selectable='selectE原创 2020-08-28 11:23:59 · 1392 阅读 · 1 评论 -
vuex的数据是不能自己缓存的
今天做项目才知道数据只是用来通信的之前以为还能自动缓存呢结果这问题就是自己在缓下来原创 2020-07-01 17:41:13 · 388 阅读 · 0 评论 -
vuex属性以及用法
待补充原创 2020-06-02 17:43:09 · 237 阅读 · 0 评论 -
vue设置proxy代理
顺便说一下跨域问题的解决方法,面试经常问的解决跨域问题三个方法:跨域问题主要是前端(发生在浏览器端) 后端不存在跨域问题一、 jsonp (只能处理get请求)二、 cores(后端开启)三、 代理服务器 (前端常用)下边就写一下vue项目中的配置在config / index.jsproxyTable: {‘/api’:{target:‘http://******:18101/’, // API所在服务以及端口号changeOrigin: true,//开启跨域pathRewri原创 2020-05-25 12:20:53 · 1374 阅读 · 0 评论 -
http请求拦截
import axios from ‘axios’import store from ‘@/vuex’import {generateUUID} from ‘@/utils/uuIdUtils’import {Encrypt,Decrypt} from ‘@/utils/cryptoUtils’import { Message } from ‘element-ui’export defa...原创 2020-03-27 14:39:34 · 593 阅读 · 0 评论 -
vue开发子组件是对话框传递值遇到的问题
1、往往在还没有点击确定时候 在父组件中对象值已经过去了解决办法 在父组件船只的时候把值给 this.tagObject={tagList:JSON.parse(JSON.stringify(this.post.tag)),openProject:true};转化一下 相当于改变指针指向2、通过组建的方法引入的部分 往往在弹框还没点出来的时候就已经开始执行了解决办法是 用watch监听...原创 2020-03-18 17:57:30 · 260 阅读 · 0 评论 -
vue组件之间通信
vue1.子组件向父组件传递数据信息通过$emit事件触发例如:子组件 Vue.component(‘my-footer’,{template:’’+ '<div class="share">'+ '<div class="img">'+ '<img src="../img/we-chat@3x.png" @click="show()"...原创 2019-12-27 15:02:28 · 75 阅读 · 0 评论 -
vue+element菜单栏刷新还保持选中状态、面包屑刷新还保持原来状态
首先先解决菜单栏刷新问题<el-menu :default-active="activedMenu($route.path)" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-c...原创 2019-12-27 11:19:12 · 4403 阅读 · 0 评论 -
router
import Vue from ‘vue’import Router from ‘vue-router’import sso from ‘@/components/SSO’Vue.use(Router)var routes = [{path: ‘/’,name: ‘sso’,component: sso},{path: ‘/main’,name: ‘home’,comp...原创 2019-12-20 14:10:46 · 107 阅读 · 0 评论 -
vue安装 脚手架
http://www.cnblogs.com/ganmy/p/6029774.htmlhttp://www.cnblogs.com/jiajia123/p/6132265.html1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖(已经安装过的,可忽略)...原创 2019-11-26 14:14:05 · 124 阅读 · 0 评论