vue
virtray
浮舟沧海,立马昆仑
展开
-
vue中使用echarts
一、安装依赖cnpm i echarts --save二、在main.js中引入main.jsimport Echarts from 'echarts'Vue.prototype.$echarts = Echarts三、在组件中使用<template> <div> <div id="myChart" style="width: 400px; height: 400px;"></div> </div>原创 2020-11-03 16:20:36 · 282 阅读 · 0 评论 -
vue-router next()
对于vue-router中的 next()方法最简单的理解:next()实际上就是起到“执行”或者说“放行”的作用。router.beforeEach((to, from, next) => { next()})如上述代码,注册一个路由前置守卫。当需要从‘from’跳转至‘to’时,路由守卫会监控到这一举动,若不执行next(),则相当于没有放行,会依然留在from对应的路由。只有当执行了next()之后,才会进行跳转。...原创 2020-10-30 11:40:23 · 9187 阅读 · 0 评论 -
elementui源码解析(一) - el-button 按钮
源码原创 2020-10-27 13:56:44 · 4723 阅读 · 0 评论 -
element-ui轮播图片显示问题
element-ui中的轮播组件(Carousel 走马灯),示例中使用的是普通div,当换成图片时显示异常(获取不到图片)。问题原因:当在组件中循环获取图片时,就不能直接用相对路径来获取了,需要使用require从目标处导入代码如下:<template> <div class="wrap"> <div class="img-box1"> <el-carousel height="300px"> <原创 2020-10-23 17:13:46 · 5005 阅读 · 0 评论 -
v-lazy懒加载的作用与使用
使用懒加载的目的:当页面需要加载大量图片时(需要向下滚动页面),使用懒加载可以实现只优先加载页面可视区域的图片,从而使得页面加载更为流畅。使用步骤:1、安装:cnpm i vue-lazyload -S2、main.js:import Vue from 'vue'import App from './App.vue'//添加以下两行代码//-------------------------------import VueLazyload from 'vue-lazylo原创 2020-10-20 12:04:55 · 15477 阅读 · 1 评论 -
Maximum call stack size exceeded(堆栈溢出)
导致堆栈溢出的其中一种情况:<template> <div> <multiselect v-model="selected" :options="options"> </multiselect> </div> </template><script>import Multiselect from 'vue-multiselect'export defaul原创 2020-10-19 15:19:24 · 1531 阅读 · 0 评论 -
Vue路由的基本操作(定义与跳转)
基本定义:import Vue from 'vue'import Router from 'vue-router'import Tree from '@/components/Tree'Vue.use(Router)export default new Router({ routes: [ { path: '/tree', name: 'tree', component: Tree }, ]})...原创 2020-10-19 12:04:26 · 282 阅读 · 0 评论 -
npm安装sass
vue项目使用sass,只需要通过npm安装两个插件即可。一般出现问题是因为安装的版本过高(默认安装当前最高版本),此时只需要安装指定较低版本即可(这里安装的是6.0.6版本)cnpm i node-sass --save-devcnpm i sass-loader@6.0.6 --save-dev...原创 2020-07-29 23:32:13 · 2698 阅读 · 0 评论