![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
别亦难�
这个作者很懒,什么都没留下…
展开
-
vue 实现树状穿梭框
vue实现树状穿梭框。原创 2022-07-27 11:26:01 · 2782 阅读 · 3 评论 -
使用promise.all 循环发送ajax请求 保证执行顺序
项目中有个批量签署功能,需要循环获取pdf文件 发现直接发送ajax请求 因为返回的顺序不同,导致签署有问题,遂想到使用promise.all来解决问题 getPdfList() { const paramslist = this.list.map((item) => { return { billsType: this.signObj.flag, drId: item.drId, signFileId: ite原创 2022-03-16 09:15:06 · 956 阅读 · 0 评论 -
叮当严选项目完美收工
项目仓库地址技术栈 vue项目效果图原创 2021-12-23 15:27:12 · 234 阅读 · 0 评论 -
疫情物资项目完美收工
历时两周完成了前端vue 部分在此感谢作者仓库地址 附带后端代码和 sql代码地址学到不少东西 批量注册组件 批量注册自定义指令rbac 权限设计思想作者源代码地址原创 2021-12-19 19:50:17 · 182 阅读 · 0 评论 -
vue 批量注册组件
在components 文件夹建一个index.js 加入如下代码const importFn = require.context('/', false, /\.vue$/)// 全局批量注册components下所有组件export default { install (app) { importFn.keys().forEach(path => { const component = importFn(path).default app.component原创 2021-12-19 19:09:01 · 84 阅读 · 0 评论 -
vue如何自动注册自定义指令
创建文件夹 目录结构如下index.js 如下import Vue from 'vue'const files = require.context('./public', false, /.+\.js$/)// 按模块引入// files.keys(): 打印出来为['./focus.js','/loadmore.js']files.keys().forEach(fileName => { const directiveConfig = files(fileName) // 获取原创 2021-12-19 19:06:39 · 129 阅读 · 0 评论 -
封装返回顶部组件 vant-ui
vant居然没有返回顶部组件没办法自己封装一个<template> <div> <van-button color="rgba(0,0,0,.3)" round class="backTop" size="mini" @click="backTop" v-show="scrollType" > <van-icon class="icon-backTop" nam原创 2021-12-17 14:46:58 · 1995 阅读 · 0 评论 -
前端vue 配置代理转发解决跨域
如何在vue项目中配置跨域在vue.config.jsmodule.exports = { devServer: { proxy: { // 代理配置 '/api': { // key随便定义一个代理转发开头 // 我逻辑代码里发起的请求以/api"相对路径"开头的, 命中这里规则 target: '', // 后台接口域名 // 变成本地服务器转发到http://xxxx.com/api/xxxxxxx ch原创 2021-11-24 14:13:31 · 1025 阅读 · 0 评论 -
vue移动端适配方案
使用rem适配技术方案把所有px单位改成rem , 用postcss-pxtorem 来实现,它是一款 postcss 插件,用于将px自动转化为 rem。根据不同的手机屏幕的宽度,来动态设置rem的参考值:html标签上的font-size的大小。用lib-flexible 来实现,用于设置 rem 基准值它对应的包名不是这个名字,而是amfe-flexible它需要是生产依赖安装插件# 后处理器 开发阶段使用# 作用:把px单位自动转成rem单位yarn add postcss p原创 2021-11-22 09:35:48 · 1211 阅读 · 0 评论 -
路由守卫怎么写
创建permission.js 并在main .js 引入这里踩了一个小小的坑 在登录路由跳转的时候 我是先写的跳转,然后去存的令牌,导致路由重定向// 这里是权限文件 写路由守卫的import router from './index'// 前置路由守卫 不登录 强制跳转router.beforeEach((to, from, next) => { let token = JSON.parse(localStorage.getItem('token')) consol原创 2021-11-09 14:34:27 · 815 阅读 · 0 评论 -
如何 封装axios
import axios from 'axios' // 引入axiosimport { Message } from 'element-ui'import router from '../router/index'const axios2 = axios.create({ baseURL: '', // 请求的根路径})axios2.interceptors.request.use(function (config) { // 在发送请求之前做些什么 // 在每次发送请求原创 2021-11-09 14:31:33 · 402 阅读 · 0 评论 -
iview日期组件如何实现 日期禁用
最近接到了新需求,需要禁用iview日期组件的可选范围,禁用今天之后的日期,同时第一个日期要小于第二个日期 搞了一上午终于解决了首先iview 官方提供了api然后我们可以根据自己的需求自定义直接贴代码 <i-col span='4'> <Form-item> <Date-picker type="date" format="yyyy-MM-dd" :options原创 2021-08-06 14:22:21 · 830 阅读 · 0 评论 -
用iview 如何实现树形组件下拉框
其实iview是自带树形组件下拉框,但是得开会员呀,谁叫咱穷呢 自己写一个话不多说直接上代码 <Poptip v-model='treeVisible' placement="bottom-start" style="width:100%;height:100%;"> <i-input readonly="readonly" clearable :value.sync="formItem.baseName" placeholder原创 2021-07-20 14:54:22 · 869 阅读 · 5 评论 -
vue指令
最近在做项目的时候出现个问题,在使用v-if和v-for 控制弹窗里表格显示和隐藏的时候,每次切换页面总会出现 差值表达式解决方案如下使用vue指令 v-cloak使用 v-cloak 能够解决 插值表达式闪烁的问题刚开始使用发现并没有解决这个问题,后通过查阅资料发现还需在css里写 [v-cloak] { display: none; }这样就把问题解决了...原创 2021-07-20 09:56:19 · 50 阅读 · 0 评论 -
vue数据双向绑定的原理
说到vue的双向绑定原理,就不得不提到对象的一个APIObject.defineProperty()作用:就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性Object.defineProperty(obj, prop, desc)1.obj 需要定义属性的当前对象2.prop 当前需要定义的属性名3.desc 属性描述符 let data ={ a:10 } Object.defineProperty(data,'a',{原创 2021-05-13 18:54:13 · 68 阅读 · 0 评论 -
vue3中使用使用provide和inject
先来个需求爷组件中有一份数据 传递给孙组件直接使用实现步骤1.顶层组件在setup方法中使用provide函数提供数据2.任何底层组件在setup方法中使用inject函数获取数据代码实现App.vue<template> <div> <Father></Father> </div></template><script>import { provide } from 'vue'im原创 2021-05-12 17:50:05 · 353 阅读 · 0 评论 -
vue3学习笔记
vue3带来的新变化性能提升首次渲染更快diff算法更快内存占用更少打包体积更小更好的typescript支持Composition API(组合式api)在使用vue2.*版本开发逻辑复杂的组件时,逻辑难以复用,组合式api解决了这个问题vue3破坏性语法更新1.实例方法$on移除(eventBus)现有实现模式不在支持,可以使用第三方插件实现2.过滤器filter移除(差值表达式不能在使用过滤器。可以用methods替代)3…sync语法移除(和v原创 2021-05-12 11:55:00 · 225 阅读 · 0 评论 -
怎么在腾讯云cos配合element-ui实现图片上传
1.主流的图片存储方式有哪些?首先我们先来了解下市面上主流的存储方案方案一:存到自己公司买的服务器上由于图片都存在了自己的服务器上,占据的空间很大方案二:存到第三方服务器(阿里云,腾讯云)各种云有专门的为图片存储提供的云服务器,我们自己的服务器只存储图片地址即可2.如何申请腾讯云cos1.腾讯云官网:https://cloud.tencent.com/2.创建腾讯云账号即实名认证3.开通对象存储4.创建存储桶5.设置跨域访问cos6.配置秘钥在云产品搜索api秘钥在秘钥管理.原创 2021-04-25 18:24:37 · 948 阅读 · 0 评论