qq_43186285的博客

阿里巴巴矢量图标库新增src/icons/index.js 和 src/icons/svg 文件index.jsimport Vue from 'vue'import SvgIcon from '@components/IconFont'// 全局注册Vue.component('svg-icon',SvgIcon)const requireAll = requireContext => requireContext.keys().map(requireContext)con.

在前端开发过程中，时常会遇到后端接口还没有开发完成的情况，这个时候需要开发前端页面原型的时候，我们需要利用Mock.js 进行模拟数据

1. 实现效果

目录1. 安装2. 引入3. 具体使用4. 最终效果1. 安装npm install vue-seamless-scroll --save2. 引入3. 具体使用<template> <div> <div> <h3>Vue-seamless-scroll(无限滚动)</h3> <div class="scroll-table"> <span class="s

安装npm install vue-lazyload --save -dev在入口文件main.js 中引入并使用import VueLazyload from 'vue-lazyload'直接使用Vue.use(VueLazyload)或者添加自定义选项Vue.use(VueLazyload, { preload: 1.3, error: 'dist/error.png', loading: 'dist/loading.gif', attempt: 1}).

1.安装npm install jquery --save2.引入新建vue.config.js 文件const webpack = require('webpack')module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jqu

git项目地址参考文章今天项目中遇到了需要能够查看实时监控视视频的功能，再查阅并摸索下完成实现了此功能，现在此记录一下使用安装：npm install vue-video-player --save在main.js入口文件中引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')

vue-amap官方文档安装npm安装npm install vue-amap --save引入main.jsimport Vue from 'vue'import VueAMap from 'vue-amap'import App from './App.vue'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ key: 'your amap key', plugin: ['AMap.Autocomplete', 'AMap.Plac

前言如果你的前端应用和后端api服务器没有运行在同一主机上,你需要在开发环境下将api请求代理到api服务器实现步骤在项目根目录src下的vue.config.js配置文件(没有可以新建一个)下进行配置,具体各个配置项含义及用法参考vue-cli官方文档...

路由拦截在进行网站登录验证时候,可以使用到beforeEach钩子函数进行验证操作;在router下的index.js文件对路由进行配置方式一: 通过路径判断router.beforeEach((to, from, next) => { if (to.path === '/Main') { next('/Login') } else next()})对比path方法,如果需要验证的网页很多,if条件得写下所有路由地址,使用缺陷较大方法二: 通过meta字段(元

1. 安装安装Vue-Cli3.0命令发生一些变化npm安装Vue-Cli3.0$ cnpm install -g @vue/cli而之前Vue-Cli2.0安装命令是这样$ cnpm install -g vue-cli安装完成后查看版本信息$ vue -V2.项目创建Vue-Cli2.0创建项目命令$ vue init webpack “项目名称”创建步骤Vue-Cli3.0创建项目命令可参考:参考文章$ vue create “项目名称”**def

在开发前端的道路上,路上的坑就跟月球表面似的,就算你再小心翼翼也有可能掉坑里去~今天在做项目的时候又遇到了一个想破头皮也没想出为啥的坑最后偶尔才发现原因~先放出出现的问题明明之前之前页面样式都调整过了,应该不会出现滚动条才对,我单独将这个页面单独列出来却发现一点问题也没有,并没有出现滚动条之类的,???这是为啥呢?后来才发现真的原因: 在使用Element UI tabs标签页时,必须使用name属性与选项卡绑定值 value 对应的标识符，表示选项卡别名;而且在子组件中必须加上 v-if="

画画的baby~今天又是划水的一天~不过遇到一个新的功能开发,记录一下功能需求: 需要根据点击的单位数据,下载一个记录该单位数据的登记证word文档的下载功能~安装docxtemplater等需要的包npm i docxtemplater pizzip file-saver --save创建需要的模板docx文档; 使用vue2.0是可以放在static目录下,使用vue3.0时可放在public目录下(注意: 模板文档最好存放在此位置,不然可能会报路径错误等问题)注意: 模

自从转到前端之后,感觉对于前端的一些知识掌握的太不熟练了,乘着工作休息的空档根据网课学习了一下,其中七零八碎的知识开一个新的博客栏记录一下吧,以便于以后找工作可以拿来复习巩固~ES6高级数组函数(filter/map/reduce)1.1 filter() : 创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素let arr = [1,2,3,4,5,6,7]let new_arr = arr.filter((n) => { return n > 5})

推荐: ------ Vuex官方文档 -----Vuex是什么Vuex是一个专门为Vue.js应用程序开发的状态管理模式.简单来说: 应用遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏● 多个视图依赖于同一状态● 来自不同视图的行为需要变更同一状态即Vuex提供了管理多个视图能够使用的共享状态基本使用每一个Vuex应用的核心就是store(仓库)“store” 基本就是一个容器,它包含着你的应用中大部分的状态Vuex和单纯的全局对象有一下两点不同:(1) Vuex的状