vue项目中使用elementUI的el-tabs组件 浏览器卡死问题 解决办法

公司的项目都是以前做的,所以不管是vue还是element-ui版本都过于老旧,尤其是element-ui基本都是在2.8.2以前的,因此很多新的功能就无法使用,于是就想到升级 element

但是升级完就会发现,只要页面中用到el-tab就会出现卡死状态

网上找了很多办法,原因都是相同的,vue跟element版本不匹配

于是升级vue 发现不行,还报错

原来还要升级 vue-template-compiler

总结如下:

升级  element

升级  vue

升级   vue-template-compiler

原文地址:https://www.cnblogs.com/bm20131123/p/12107325.html

时间: 2024-10-17 07:19:56

vue项目中使用elementUI的el-tabs组件 浏览器卡死问题 解决办法的相关文章

vue项目中引入elementUI

1.安装淘宝npm镜像 输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装全局vue-cli脚手架 cnpm install --global vue-cli 3.初始化一个vue项目 vue init webpack itemname 4.安装 elementUI npm i element-ui -S快捷键ctrl+c,终止批处理操 作吗(Y/N),在输入命令npm i element-ui -S

vue项目中的elementUI的table组件导出成excel表

1.安装依赖:npm install --save xlsx file-saver 2.在放置需要导出功能的组件中引入 import FileSaver from 'file-saver' import XLSX from 'xlsx' 3.HTML中的设置,简单来说就是给需要导出的table标签el-table上加一个id:如exportTab,对应下面的exportExcel方法中的 document.querySelector('#exportTab') 4.在methods中设置真正实现

项目中遇到的涉及Mysql的几个异常及解决办法(转)

本文转自:http://blog.csdn.net/haoren_e/archive/2010/05/14/5590912.aspx 这次的项目采用mysql数据库,以前没怎么接触过,所以遇到很多问题,在此小小总结一下: (1)com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link failure 见名之意:超时,无法连接 所以解决办法也很好办: 在my.ini中添加wait_timeout=181

Vue项目中如何使用Element-UI以及如何使用sass

当我们在开发Vue项目的时候通常会选择Element-UI作为我们的UI框架,其官方中文文档地址是http://element.eleme.io/#/zh-CN.(我在一次跟朋友聊天中得知他们公司前端在使用Element-UI),我在工作中一直在使用Extjs6.0前端框架,作为一个老牌重框架,它自带UI组件,需要什么组件拿来用就好.比如说一个日期插件,找到它的xtype,编写好配置项就好了.因为它的官方文档中也给出了一个较为完整的基础模板(ionic也如此),特别适合后台管理系统.我也想当然的

前端框架Vue.js——vue-i18n ,vue项目中如何实现国际化

每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code 一.前言 趁着10月的最后一天,来写一篇关于前端国际化的实践型博客.国际化应该都不陌生,就是一个网站.应用可以实现语言的切换. 在这就不谈原理,只说说如何实现中英文的切换.做技术的总得先把 demo 做出来嘛. 二.demo 场景需求分析 需求很简单,左上角 ''网易云音乐''就是一个中英文切换的按钮,点击弹出提示框,确认切换语言后,实现英文版本. 切换成英文版本: 三.实现国际化

如何在Vue项目中使用Typescript

0.前言 本快速入门指南将会教你如何在Vue项目中使用TypeScript进行开发.本指南非常灵活,它可以将TypeScript集成到现有的Vue项目中任何一个阶段. 1.初始化项目 首先,创建一个新的项目目录. mkdir typescript-vue-tutorial cd typescript-vue-tutorial 接着,在目录中创建如下目录结构. typescript-vue-tutorial/ ├─ dist/ └─ src/ └─ components/ TypeScript文件

vue项目中遇到的那些事。

前言 有好几天没更新文章了.这段实际忙着做了一个vue的项目,从 19 天前开始,到今天刚好 20 天,独立完成. 做vue项目做这个项目一方面能为工作做一些准备,一方面也精进一下技术. 技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + element-ui + vue-baidu-map + i18n + vue-awesome-swiper 做项目时总是有一些思考和踩过的坑,对以后有一定的帮助,今天就来写写做vue项目遇到的那些事. 假如你正准

在vue项目中的axios使用配置记录

默认vue项目中已经安装axios,基于element-ui开发,主要记录配置的相关. axiosConfig.js import Vue from 'vue' import axios from 'axios' import qs from 'qs' import { Message, Loading } from 'element-ui' // 响应时间 axios.defaults.timeout = 5 * 1000 // 配置cookie // axios.defaults.withC

Vuex的this.$store.commit和在Vue项目中引用公共方法

2018年11月22日 20:50:29 Funfction_Zero 阅读数 3230 1.在Vue项目中引用公共方法 作为一个新人小白,在使用vue的过程中,难免会遇到很多的问题,比如某个方法在很多组件中都能用的上,如果在每个组件上都去引用一次的话,会比较麻烦,增加代码量.怎么做比较好呢,话不多说直接看代码把 首先 要在main.js中引入公共js.然后,将方法赋在Vue的原型链上.像图中这样. 然后在需要的组件上去引入这个方法 mouted (){ //调用方法 this.common.l