vue
vue的所遇
WACBG
她朝若是同淋雪,此生也算共白头。
展开
-
vue结合 elementui下载组件(el-upload) 实现文件下载
// 使用了 Element Popover 弹出框 <el-popover placement="bottom" width="180" trigger="manual" v-model="visible" > <div class="content"> <span @click="downExcelTemplatefn">下载原创 2021-09-12 10:57:32 · 5035 阅读 · 0 评论 -
进度条组件,自己再简单封装下。
//写成自己想要的组件,好复用(el-progress是elementui的进度条组件)<template> <el-progress :percentage="item.nums" color="#27BC7F" ref="UI" :format="format(item)" :stroke-width="10" ></el-progress></template><script>expor原创 2021-06-30 10:00:07 · 179 阅读 · 0 评论 -
vue Router路由的钩子函数
全局路由beforeEach(to,from,next){} //进入之前触发回调函数中的参数,to:进入到哪个路由去(to.path),from:从哪个路由离开,next:函数,决定是否展示你要看到的路由页面。 //全局后置钩子 router.afterEach((to,from)=>{}) //进入之后触发只有两个参数,to:进入到哪个路由去,from:从哪个路由离。路由独享的守卫beforeEnter:(to,from,next)=>{} //写在路由配置中,只有访问到这原创 2020-10-23 16:09:45 · 578 阅读 · 0 评论 -
promise axios 在vue中的使用
1.使用axios进行请求 npm i axios --save利用es6 export default server导出请求模块 封装request.jsimport axios from 'axios';let server = axios.create({ baseURL: "", //请求地址 timeout: 6000 //请求超时时长})//拦截器server.interceptors.request.use(config => { //原创 2021-03-09 13:56:25 · 167 阅读 · 0 评论 -
vue中自定义组件“ directives “的常用功能
directives 可以全局使用以及组件内部定义使用directives是什么?注册自定义的指令directives有什么作用?对普通 DOM 元素进行底层操作,就会用到自定义指令directives怎么使用?.vue页面的使用<template> <div> <button v-btn="txt" :data-msg="imgurl">{{ btntext }}</button> </div></tem原创 2021-03-12 16:48:11 · 1688 阅读 · 0 评论