![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
行走的小海豚
这个作者很懒,什么都没留下…
展开
-
结合vue-cropper+element ui中的<el-upload>实现头像图片剪切上传
效果图代码如下代码片<template> <el-dialog title="修改用户头像" :visible.sync="dialogAvatarShow.dialogVisible" width="40%" center> <div class="cropper-content clearfix"> <div class="cropper-left">原创 2021-09-14 23:08:11 · 660 阅读 · 0 评论 -
vue中封装svg-icon组件并使用
vue中使用svg图片有很多便捷方式,在这里记录一下模仿参考的过程,仅做一标记,方便后续回来查找1.使用vue-cli3.0脚手架运行搭建一个项目,地址截图如下:2.components文件下新建SvgIcon组件文件中的代码如下:<template> <svg :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName" /> <转载 2022-01-13 12:12:55 · 900 阅读 · 0 评论 -
使用elementUI日期时间选择器生成的时间格式为2021-12-17T12:00:00.000Z传入后台需要做时间格式转换
项目场景:element-UI中2021-12-17T12:00:00.000Z 至 2022-01-17T12:00:00.000Z传入后台无法进行反序列化,于是筛选功能无法实现(我需要实现的功能)问题描述:前台 <span>收藏时间</span> <el-date-picker v-model="form.favoriteTime" type="datetimerange" start-placeholder="开始日期"原创 2022-01-08 10:21:08 · 2832 阅读 · 0 评论 -
vue中的使用provide和inject
1、类型1、provide:Object | () => Object如: provide() { return { // 通过provide提供自身所有属性 paper: this } }, 2、inject:Array<string> | { [key: string]: string | Symbol | Object }如: // inject用于引入父级组件所提供的数据原创 2021-12-29 15:11:28 · 484 阅读 · 0 评论