关于 vue+elementui 里 路由跳转方式、echarts 的一点随笔

关于 vue+elementui 里 路由跳转方式、echarts 的一点随笔

1.vue中路由跳转

• 1.vue+elementui 面包屑导航
  to 路由跳转对象，同 vue-router 的 to 接收string/object
  replace 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录 接收Boolean 默认false

<el-breadcrumb-item :to="{ path: '/manage' }">首页首页首页首页</el-breadcrumb-item>

• 2.回退上一页、跳转到指定页面

1.直接在html上操作

<el-button @click="$router.go(-1)">返回上一页</el-button>
<el-button type="primary" class="not-found-btn-gohome" @click="$router.push({ name: 'home' })">进入首页</el-button>

2.HTML结合js操作

<button @click="goback">返回上一页</button>
<button @click="gohome">进入首页</button>

methods:{
   
  goback(){
   }
  this.$router.go(-1)
},
gohome(){
   
  this.$router.push('/home') 
  //或者this.$router.push({name:'home'})对象的方法
  }
 }

2.vue 里使用echarts报错

1.问题 TypeError: echarts.dataTool.gexf is undefined

2.解决办法

导入dataTool.min.js

代码如下，新建dataTool.min.js文件——>复制粘贴下面这段js即可拥有(っ•̀ω•́)っ✎⁾⁾

/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied.  See the License for the
* specific language governing permissions and limitations
* under the License.
*/


!function (e, t) {
   
  "object" == typeof exports && "undefined" != typeof module ? t(exports, require("echarts")) : "function" == typeof define && define.amd ? define(["exports", "echarts"], t) : t(e.dataTool = {
   }, e.echarts)
}(this, function (e, t) {
   
  "use strict";
  var i = Array.prototype.map;

  function l(e, t, r) {
   
    if (e && t) {
   
      if (e.map && e.map === i) return e.map(t, r);
      f