JCAL123的博客

基于vue2-ace-editor实现代码编辑器

vue误删除package-lock.json文件导致项目运行不起来解决办法

【代码】echarts折线图分段显示颜色。

el-select下拉滚动加载更多封装成组件。

el-select下拉列表懒加载 vue技术交流群（864583465)<template> <el-select popper-class="pat-select" v-model="selectedValue" v-el-select-loadmore="loadMore(rangeNumber)" filterable :filter-method

vue项目中使用html2canvas生成图片 vue技术交流群（864583465)1、安装html2canvas插件npm install --save html2canvas2、页面代码<template> <div id="html2canvasTest"> <button @click="createImg">下载图片</button> <div id="dom-to-img-wrapper">

vue项目使用wangeditor并自定义菜单 vue技术交流群（864583465)1、安装wangeditornpm install wangeditor --save 或cnpm install wangeditor --save 2、文件名.vue<template> <div class="hello"> <div id="editor"></div> </div></template>

vue项目中导入excel表格 vue技术交流群（864583465)1、安装xlsx插件cnpm install xlsx --save2、页面代码<template> <div class="hello"> <input type="file" ref="upload" accept=".xls,.xlsx" class="outputlist_upload" @change="fileUploaded"> <br> &lt

1、业务需求　　不管是移动端H5页面还是web端页面，通常会有这样一个需求，当从列表页面A跳转到详情页面B后，再从详情页面B跳转到列表页面A时，需要将A页面恢复到跳转到详情页面B之前的状态，这样的需求对于非单页面来说实现起来很容易，但是对于非单页面来说并不是那么的容易，本文主要讲在vue项目中如何实现。2、主要用到的技术　　vuex和vue的keep-alive组件3、具体实现(1)首先要在项目中安装并引入vuexcnpm install --save vuex // 安装(2)在项目sr

1、使用该组件时，需要先安装echratsnpm install echarts --save或cnpm install echarts --save2、该组件可以自适应浏览器的宽度，高度需要根据业务需求自行设置3、可根据业务需求动态import相关组件，正确import即可 import echarts from 'echarts/lib/echarts'; // 必须要引入 import 'echarts/lib/chart/line' import 'echarts/lib/

用vue做后台管理页面，通常会涉及到权限管理，即，只有在权限允许的情况下才能查看相关页面，比较懒省事的做法通常时动态的隐藏菜单即可，但是这样会有一个问题，通过修改地址栏的相关路由信息，依然可以进入到本不应该看到的页面，这样体验很不好，会带来很多问题。因此，这就需要动态设置或修改路由的相关信息，代码如下：假设你的路由配置如下：import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/

1. 获取七牛云的token，每次上传图片都会用到，作为上传凭证，通常是后端生成，前端调用后端给的接口拿到token即可2. 利用elementUI组件el-upload完成图片的上传，代码示例： <el-upload action="http://upload.qiniup.com" :data="uploadData" :limit="limit" :fi