语言选项语言切换注意前言上一篇介绍了ABP扩展实体，并且在前端部分新增了身份认证管理和租户管理的菜单，在实现这两个功能模块前，先来解决一下界面文字国际化的问题。开始国际化(简称 I18N)，本地化(简称 L10N)；这两者的目的都是用于让你的应用程序支持多个国家和区域的语言，它们看起来很相似，但是有一些细微的区别，本文不对此进行深入探讨，有兴趣的可以自行搜索。ABP后端支持的是本地化，而vue-e
实现多张图片和单张图片上传和删除功能。 前端代码如下： <style> #app { background-color: white; padding: 15px 15px; } .el-row { margin: 60px 20px; } input[type="file"] { display:
原创
2022-01-11 10:19:56
318阅读
1. sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。 用法： 储存： 1. 点（.）运算符  
在看项目时，突然看到预览图片的弹窗，感觉好僵硬，不能放大，不能切换，于是便在网上找下关于图片预览的插件，有找到三个插件，具体的优劣势的看自己的使用吧，我目前只是在电脑查看效果，分别是viewerjs插件、基于photoswipe的vue-photo-preview插件以及vue-picture-preview插件第一种：viewerjs使用介绍viewerjs插件截图1、先安装依赖 npm ins
今天在VUE里面插入富文本遇到了一些小坑在这里提供给大家用于参考，如有错误，望多加指正。我这里使用的是元素的用户界面的上传图片组件首先引入元素的UI(这个我就不作赘述了，详情参考element-ui官方文档)在引入富文本组件VUE-鹅毛笔编辑器使用在main.js引入相应的样式import VueQuillEditor from 'vue-quill-editor'
import 'quill/d
转载
2024-09-26 15:02:44
58阅读
作者：Pseudo 凡是要知其然知其所以然文件上传相信很多朋友都有遇到过，那或许你也遇到过当上传大文件时，上传时间较长，且经常失败的困扰，并且失败后，又得重新上传很是烦人。那我们先了解下失败的原因吧！前面小编也整理过关于文件上传的详细原理和文件上传技巧：手把手教你前端的各种文件上传攻略和大文件断点续传 一文了解文件上传全过程(1.8w字深度解析)「前端进阶必备」 据我了解大概有以下原因：
转载
2024-08-16 08:13:14
37阅读
前情回顾在上章节中，我们讲解了项目打包，默认，是打包在根目录下面的。当然，我们可以通过设置，打包到任意子目录中去。但是，我们之前的项目是没有引入资源的。比如，引入图片资源，js资源，或者字体图标之类的。那么各位可能在这个中间又会踩坑，所以，我再写一篇博客，专门来说说这个问题。在 vue 文件中，引用图片例如，我们将一张图片放到资源目录 /static/image/lyf.jpg 
首先在这里不建议大家做这样的奇葩操作如果你们有老系统必须要做这样的改造，那是无奈之举先看代码，这些代码是我直接从我完成的项目中提取出来的可以直接使用，不过element ui这个空间布局我稍微做了css修改，这里就不贴出css了，这些代码之后会有完整解释，我会把我这次经历一一解释清楚如何一步一步填坑<el-upload
class="img-upload"
vue 基于原生JS实现等宽瀑布流布局首先js 实现登录瀑布流原理1： 通过定位的方式是我们实现瀑布流的最基本的原理，只要我们动态的设置它的top值、left值，就能让它排列。注意： 图片的真实高度500（px） 真实宽度 300(px) 可能很高 比如我们规定在我们容器盒子中 图片盒子等宽 值为200（px）, 我们需要手动去计算每个图片在我们容器中的高度， 300 / 500 =
1，html2，data中// 引入图片
import codeIMG from '@/assets/code.jpg';
data(){
return {
imgUrl: require("../../assets/img/upload.png")
}
} 3,方法methods: {
downloadImg(){
var
原创
2021-05-20 15:16:49
1364阅读
核心知识点关于 v-show属性的相关使用大致效果图其中上方文头部导航，左边为菜单选项，中间为index页面。前提前提需要阅读上一篇，使用Vue UI 方式创建 Hello World Vue 项目。教程进行组件化新建目录如下，新建文件如下其中分为两个文件夹，一个为views文件夹，一个为components文件夹，一个存放相关文件页面信息，一个存放相关的组件信息。创建相关的url创建相关的页面u
转载
2024-07-30 19:06:28
81阅读
主要谈一下实现过程，首先给大家看下贴图： 我用了一个简化版本的来做的，具体的字段可以自己加进去，下面说一下我的实现过程吧第一步：搭建页面（主要用elementUI自带组件） 搭建时我采用的是elementUI的el-upload标签，因为不是即时上传，所以action我设置为空，如下代码所示：<el-upload
action=""
list-type="picture-card"
转载
2024-01-28 18:45:45
326阅读
这一节 我们对资源样式进行整合，在src下assets下放入images、less文件夹，可以通过我的附件进行下载，或者通过链接网盘链接下载，随后布局Header，并且引入vuex实现侧边栏展开收起功能。本节课完成效果图如下：项目资源：https://pan.baidu.com/s/1BbbjR5MgeVm4XVP7FQzJlA 提取码：9xnb1.载入样式文件在main.js中引入，注意目录不要
转载
2024-06-03 12:16:04
142阅读
一、使用组件介绍el-form：表单组件，用于绑定数据el-upload：上传组件，内置有提交请求方法（但是本demo要求有token验证，因此需要调用demo中自定义的axios请求）el-dialog：对话框组件，用于显示预览图片二、实现过程1. 实现代码1.1 template 中代码<el-form :model="addForm" :rules="addFormRules" ref
转载
2024-03-16 00:32:05
242阅读
基于Vue+ElementUI+vod-js-sdk-v6，完成腾讯云点播视频上传功能最近做的一个项目，需要用到腾讯云点播的视频上传！！写一个尽可能详细的博客供各位参考，欢迎指正； ok，下面进入正题。 首先是需要用到的依赖：ElementUI、vod-js-sdk-v6、axiosnpm i vod-js-sdk-v6
npm i axiosimport vue from 'vue'
impor
vue+elementUI表格下载为excel
原创
2020-06-24 14:24:37
2493阅读
VUE老项目集成eslint公司已经开发上线了一年的项目，最近需要集成eslint对代码进行检查优化，提高代码提交的质量，现进行了一下总结。简介前端工具考 - ESLint 篇安装eslint相关的依赖npm install eslint babel-eslint eslint-loader eslint-friendly-formatter eslint-plugin-html -D项目中添加文
转载
2024-08-22 14:05:14
146阅读
nodeJs配置以及elementUI的简单应用1. ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件 ElementUI官网：http://element-cn.eleme.io/#/zh-CN 注1：类
转载
2024-07-19 15:42:58
169阅读
表单代码： <el-table :data="joblistData" border style="width: 99%" :height=winHeight> <el-table-column prop="aa" align="center" label="ID"></el-table-colum ...
转载
2021-07-20 11:10:00
1478阅读
2评论
文章适用于下载字符流图片对于普通的图片下载，我们一般用a标签就可以实现，有时候我们需要下载从后端返回来的图片，
转载
2022-04-15 16:54:17
1150阅读
