![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
向上的时钟塔
前端
展开
-
vue + element-ui 季度选择器自定义组件
vue 年季度选择示例elementUI 提供了el-date-picker 日期选择器项目需求,要求选择季度,就需要自定义我用cdn引用的,element-icons.woff报跨域了,所有没有出来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,原创 2022-01-14 15:04:32 · 1261 阅读 · 0 评论 -
vue2 echarts 5版本dataZoom样式修改不动
vue echarts 5版本dataZoom样式修改不动,推荐4版本原创 2021-12-17 10:47:22 · 1186 阅读 · 2 评论 -
vue 高德地图按需引用
有的项目需要引入地图,不想开始加载的时候再引用created () { // console.log('created1111') if (!window.AMap) { // 引用三高地图script标签 const oScript = document.createElement('script') oScript.type = 'text/javascript' oScript.src = 'https://webapi.amap.原创 2021-11-11 09:58:29 · 523 阅读 · 0 评论 -
vue echarts 5版本按需引入
vue中如何引入echarts1.先安装依赖npm install echarts --save2.1全局引入main.js中配置(不推荐使用,会导致包过大,冗余多)import echarts from 'echarts' //引入echartsVue.prototype.$echarts = echarts //挂载在原型,组件内使用直接this.$echarts调用2.2组件内按需引入 ( 推荐使用 )这种方式很简单,在需要引入图表的组件引入,例如如下引入柱状图。//在组件引入基本原创 2021-10-19 14:41:40 · 1563 阅读 · 0 评论 -
vue keepalive include一次踩坑记录
有三个界面 onePage数据中心 twoPage用户列表 userDetails用户详情twoPage-》userDetails 缓存twoPageonePage-》twoPage-》userDetails 有问题twoPage没有被缓存include - 字符串或正则表达,只有匹配的组件会被缓存exclude - 字符串或正则表达式,任何匹配的组件都不会被缓存store页面AppMain页面在twoPage 路由将要离开的时候配置beforeRouteLeave(to,for.原创 2021-09-29 17:38:20 · 1172 阅读 · 2 评论 -
vue-devtools安装教程(简单易上手)还不用下载
vue项目必备的调试工具各种下载,GitHub下载,各种npm进行intsall,接下来输入npm install bulid,还老是失败,报这种那种的错误,最后历尽千辛万苦弄好了,但是老崩溃,崩溃的想哭,后来尝试了手动创建文件夹,手动安装,成功了先看图自食其力的教程开启一、创建一个文件夹vue-devtools进入该文件夹,shift+右键,选择进入powershell ,进入终端。二:修改mainfest.json文件persistent修改成true安装完成找到vue-dev.原创 2021-09-29 10:29:38 · 1073 阅读 · 0 评论 -
vue自定义指令
vue自定义指令原文链接一、什么是指令学习 vue 的时候肯定会接触指令,那么什么是指令呢?在 vue 中提供了一些对于页面和数据更为方便的输出,这些操作就叫做指令,以 v-xxx 表示,比如 html 页面中的属性<div v-xxx ></div>比如在 angular 中 以 ng-xxx 开头的就叫做指令指令中封装了一些 DOM 行为,结合属性作为一个暗号,暗号有对应的值,根据不同的值,会进行相关 DOM 操作的绑定,即可以进行一些模板的操作vue 中常原创 2021-09-13 17:56:10 · 197 阅读 · 0 评论 -
vue中axios改变header为application/x-www-form-urlencoded不起作用
vue中axios改变header为application/x-www-form-urlencoded不起作用axios默认的头是这个,一般get请求是这个头config.headers[‘Content-Type’] = ‘application/json’如果post接口,后端给的头是application/x-www-form-urlencoded需要引入qs,然后转码,qs是axios自带可直接使用,不用安装import Qs from 'qs'//然后把参数转码export fu原创 2021-09-08 15:25:39 · 1837 阅读 · 1 评论 -
vue 路由二级跳转三级路由,路径变化页面没变
记录下路由跳转,二级路由跳转到三级路由(hidden为true)路径变化页面没变比如账号列表(二级路由)跳转到账号详情(三级路由)routes的index页面,已设置details页面为hidden为true在账号列表页面有个按钮,this.$router.push到user-details如果在这个页面不添加就是上面的情况可是如果只添加了这句,那还是路径变化页面没变,其实已经变了,只是两个共用一个div模板,都是在这个模板上,所以需要把账号详情这个页面absolute到前面原创 2021-08-11 14:42:01 · 4661 阅读 · 0 评论 -
vue route meta使用img标签显示图片
vue route meta使用图片meta icon下载的模板默认使用的是svg图片,可以去iconfont下载svg图片如果想使用设计的图片,sidebar中item.vue文件中有三种方式引用图片,一种element样式的el-icon,一种是使用img标签,一种是svg使用img标签的时候 path: '/data', component: Layout, redirect: '/data/data-center', meta: { title: '接种信息原创 2021-08-09 11:19:03 · 1255 阅读 · 2 评论 -
vue 公告通知text左右滑动
效果图<template> <div class="maq-div"> <img class="icon-alarm" src="../assets/image/horn.png" /> <div class="marquee-wrap" ref="marquee-wrap"> <div class="scroll" ref="scroll"> <原创 2021-07-26 11:01:25 · 537 阅读 · 0 评论