vue+elementUI

vue+elementui项目使用vue-i18n实现国际化功能

vue+elementui项目添加国际化功能项目环境是使用vue-cli2.x脚手架搭建,安装elementui组件库,elementUI中内置国际化功能.咱们废话不多说,直接上代码.安装vue-i18nnpminstallvue-i18n
小炮兵快跑·2020-10-12 09:51

提供一个基于vue+elementui的后台管理系统模板框架

今天提供一个基于vue+elementui的后台管理系统模板框架项目页面可自行开发路由导航可请求接口获得放入this.menuData中路由页面参数为："id":1,"name":"/organizationManage
摸菊斩·2020-10-10 12:30

elementUI（vue+elementUI）中form表单关于一条form-item中的多个必填项的prop设置（一）

以下这种情况的prop设置：默认显示就是当你按加号以后，多一条配置项，但是配置项里的参数都得必须配。至少也得配一条。都没配的情况下代码：代码只截取了部分代码，要是在自己项目中使用还得再重新组织，不可照搬。欢迎有更好的解决办法~
catherine单眼皮小眼睛·2020-10-09 14:03

提供一个基于vue+elementui的后台管理系统模板框架

今天提供一个基于vue+elementui的后台管理系统模板框架项目页面可自行开发路由导航可请求接口获得放入this.menuData中路由页面参数为："id":1,"name":"/organizationManage
资源部落服务平台·2020-10-05 19:43

一个简单的整合所有功能，包括分页，条件查询，并能够和阿里云oss对象存贮整合的一个简单前后端分离项目，使用远程数据库

本项目使用vue+elementUI技术做前台页面，使用springboot+mybatis做后台功能，并能整合阿里云oss技术做对象存储，实现图片的批量添加和显示，增加分页，批量删除，条件查询，模糊查询等一个完整的功能
自学java的菜鸟小赵·2020-09-28 16:07

vue+elementUI 实现内容区域高度自适应的示例

步骤很简单：通过动态绑定属性给绑定高度，而高度通过innerHeight获取，减去你的头部和底部高度，剩下的就是整个内容区域的高度了！话不多说，上代码//defaultHeight是绑定的属性//注意：这里的defaultHeight必须是对象，不懂的可以去官网看下apidata(){return{defaultHeight:{height:""}};},methods:{//定义方法，获取高度减
·2020-09-26 12:15

vue+elementUI实现简单日历功能

vue+elementUI简单的实现日历功能，供大家参考，具体内容如下上一月{{year}}年{{month}}月{{day}}日下一月{{item}}0&&item-beginDay{{item-beginDay
·2020-09-24 11:04

Vue+Element Ui 国际化，使用i18n插件

Vue+ElementUi国际化1.i8n插件//下载npminstalli18n-S//导入importVueI18nfrom'vue-i18n'//挂载Vue.use(VueI18n)//自定义语言包的导入
weixin_43934513·2020-09-22 17:41

vue+elementUI简单的实现日历功能

vue+elementUI简单的实现日历功能上一月{{year}}年{{month}}月{{day}}日下一月{{item}}0&&item-beginDay{{item-beginDay}}{{item-beginDay
舒玥玥·2020-09-22 09:05

前端vue+elementUI如何实现记住密码功能

我们这回使用纯前端保存密码既然是记住密码，前端也就是使用cookie保存，访问时用cookie读取先来了解下cookie的基本使用吧Cookie所有的cookie信息都在document.cookie中存放着，是一个字符串，里面的cookie以分号和空格分隔。就像这样："key1=value1;key2=value2;key3=value3"//使用document.cookie来获取所有cook
·2020-09-20 11:04

vue+elementUI图片预览，＜el-image＞ 的使用

vue+elementUI图片预览el-image的使用本文转载自https://www.cnblogs.com/allanlau/p/13397625.html首页定义data:data(){return
春风姐姐·2020-09-18 13:17

vue开发之[Vue warn]: Do not use built-in or reserved HTML elements as component id: body

第二次使用vue+elementUI，一开始开发就遇到问题，自己先记着。问题出在加载组件时，组件的命名跟标签重复了，所以就会报以下的错误只要把这里的name给成其他的比如然后就没问题了。
Isworking·2020-09-17 15:20

2020-09-15

项目场景：vue+elementui中，select框实现可输可选功能，原利用el-select的属性，添加filterableallow-createdefault-first-option即：问题描述
浅夏初雨yan·2020-09-17 14:46

Vue+elementui开发小坑

-阻止事件冒泡hack:子元素@click改为@click.stop-监听路由hack:watch:{'$route.params.param':function(val){this.chooseToLoad(val)}},chooseToLoad:function(val){if(val==='ca'){this.activeName='first';this.currentShow=false
宅神kin·2020-09-17 13:58

vue+elementUI el-table导出excel表格

vue+elementUIel-table导出excel表格安装依赖库：npminstall-Dxlsx,file-savernpminstall-sscript-loader在项目的src文件夹下新建一个文件夹vendor：（vendor—名字任取），里面放置两个文件Blob.js和Export2Excel.js。这两个文件去这里下载：点我下载在当前.vue文件中引入相关依赖：require('
小城听风雨·2020-09-17 11:22

vue+elementUI中el-radio设置默认值

如果后台返回的单选框的值是number：单选框的lable需要设置成:lable=‘0’;如下：普货仿牌data(){return{form:{ifCode:0}}}后台返回的是字符串则正常写；普货仿牌data(){return{form:{ifCode:'0'}}}
恩婧·2020-09-17 06:43

vue+elementUI的文件上传和文件下载

项目需求：一个功能可以导入表格数据，还有模板提供下载参考大致的功能需求就是这样了，上传文件的组件用的是element-UI自带的组件配置参数：我使用的是手动上传模块参数说明action必选参数，上传的地址multiple是否支持多选文件limit最大允许上传个数on-exceed文件超出个数限制时的钩子http-request覆盖默认的上传行为，可以自定义上传的实现:before-upload上传
Jocelyn_书·2020-09-17 06:23

SCRIPT1003:IE11报错，无法打开vue+elementui项目，谷歌等正常

2019独角兽企业重金招聘Python工程师标准>>>问题：IE11报错SCRIPT1003：缺少":"...常见解决方式1.安装babel-polyfill插件，并在入口文件中引入npminstall--save-devbabel-polyfill//在入口文件main.js中引入importbabel-polyfill2.安装babel-polyfill插件，如果是webpack打包，则在we
weixin_33696106·2020-09-17 00:25

element-ui表格的合计行不显示问题

vue+elementui项目中合计这一列不显示，但是缩放下页面或者稍微修改下F12里dom中的东西就又显示了原因分析查看dom布局发现，合计一列并未包含在el-table中，而el-table原始文件给的是
君为红颜笑＆deg·2020-09-16 23:48

vue+elementUI 使用单选框和复选框时获取数据不回显问题

场景:使用elementUI单选框和复选框,动态循环渲染数据时,选中数据无法回显到页面.原因：因为Vue的数据劫持机制解决方案一尽量避免对data(){return{}}里的数据进行频繁赋值.尽量避免嵌套方式赋值.{{value}}exportdefault{name:"",data(){return{Data:[]}},mounted(){this.$axios({methods:"get",u
龚箭·2020-09-16 21:23

Vue+elementUI表格组件使用（table代码详细分析）

hello你好很高兴能来阅读，本篇整理一下Vue+elementUI的表格组件相关用法，留给自己，也分享给初学者，一起进步！
辰兮要努力·2020-09-16 17:04

vue+elementui 表单验证清除

vue+elementui表单验证清除https://www.cnblogs.com/hezihao/p/7416820.html
nino家的wrong 枝·2020-09-16 17:57

vue+elementUI实现类似浏览器打开网页的功能（页签功能）

代码没几句，直接上个完成的例子：{{"切换-"+nav.label}}{{tab.label}}exportdefault{mounted(){console.log("hello");},computed:{},data(){return{activeName:"first",tabs:[],navs:[{label:"用户管理",name:"first"},{label:"配置管理",name
GarenWang·2020-09-16 16:15

elementUI Table数据上移下移操作

基于VUE+elementUI的Table数据上移下移一.使用方法利用scope获取表格每行的数据和索引scope.
小太阳Lizzie·2020-09-16 15:13

vue+elementUI 键盘回车事件导致页面刷新的问题

在控件上已经添加了：@keyup.enter.native="searchProjects()"监听，但是回车确是reload页面，需要在表单上form上添加：W3C标准中有如下规定：Whenthereisonlyonesingle-linetextinputfieldinaform,theuseragentshouldacceptEnterinthatfieldasarequesttosubmi
lxlmycsdnfree·2020-09-16 15:52

Vue + element ui 实现复制和打开链接功能

Vue+elementui实现复制和打开链接功能复制链接打开链接exportdefault{data(){return{link:'https://blog.csdn.net/weixin_43244049
GhostUncledrew·2020-09-16 14:08

vue+elementui实现多功能table（拖拽、点击、状态变色、动态button、动态隐藏列等）

vue+elementui实现多功能table（拖拽、点击、状态变色等）{{scope.
kevin&1990·2020-09-16 14:35

VUE+ElementUI: 表格数据处理后再渲染 遇到的问题

在开发过程中，遇到一种情况。table表格获取绑定数据后，需要对数据进行一些处理，比如设置一些属性，行中展示的是一个checkBox，需要将对应值解析为truefalse这种。一开始的处理很直白，将设原本绑定的数据为originTableListitem对象为item:{id:1,name:item1,isImportant:1}经过预处理之后为tmpTableListitem对象为item:{i
木木爱学学·2020-09-16 14:03

学习资料2 Vue学习及例子、微信小程序、.net Core环境部署

一、Vue学习1、vue+elementui搭建后台管理界面(1登录)https://blog.csdn.net/weixin_30251829/article/details/992654502、Vue
TianGaojie123abc·2020-09-16 11:40

vue+elementUI 后台数据为数字，前台转化成对应的中文填入表格

在表格中，有如下需求（后台给的数据为数字）前后端决定0代表正式服务，1代表试用服务，2代表未服务，这样后端给的状态是012，怎么把标识转换成文字填入表格呢？首先需要自己定义一组转换表statusData:{'0':{label:'正式服务'},'1':{label:'试用服务'},'2':{label:'未服务'}然后我用的是elementui的表格组件element表格可以通过scopedslo
小太阳...·2020-09-16 04:50

vue+ElementUI 表格多选框翻页后记住选中数据

使用vue+ElementUI的el-table表格时，如果需要使用多选框选择多条数据，翻页后一般会重新请求后台，之前选择的数据就会丢失解决办法：在type="selection"的选择列上添加reserve-selection
kksw1121·2020-09-16 03:10

ElementUI控件el-date-picker 时间段误差8小时问题的处理

DatePicker日期选择器时间端参数误差问题处理前言一个前后端分离项目,前端项目Vue+ElementUI搭建,后端项目SpringBoot+JFinal搭建.前后端开发完成后,使用el-date-picker
niaonao·2020-09-16 03:12

Vue+ElementUI 限制结束时间不能大于开始时间

el-date-picker组件的picker-options属性直接上代码至data(){return{sxyInfo:{},pickerOptionsStart:{disabledDate:time=>{letendDateVal=this.sxyInfo.enddate;if(endDateVal){returntime.getTime()>newDate(endDateVal).getTi
大圣非大圣·2020-09-16 03:15

vue+elementUI el-drawer实现在子组件打开抽屉组件

实现如图elementUI官网实现的样例都是在整个屏幕展开抽屉需要实现的是，点击头部的按钮，只在子组件展开抽屉且遮罩不遮住头部，需实现的样式如上图实现方法在mian.vue页面中也就是页面嵌套的父组件首先把页面分成上下两块布局HeaderBody//@isanaliasto/srcexportdefault{name:'main',}.el-header{color:#333;padding:0!
每天吃肉肉·2020-09-16 01:54

vue +pdfkit+wkhtmltopdf导出pdf遇到的问题

一、样式问题1、使用vue+elementui时，发现有一些组件并不能导出pdf，只能使用传统html和css布局，这样导出的pdf更清晰2、需要将css集中放到模板文件中，然后将选择的导出模块替换到模板中二
妖无涯·2020-09-16 01:49

一个初级前端的简单http请求配置

HTTP请求封装与axios简易封装以下文章基于vue+elementUI一、配置vueconfig.js跨域module.exports={devServer:{proxy:{"/api":{target
gcfkh·2020-09-16 01:13

解决form表单提交刷新问题

vue+elementui阻止表单输入框回车刷新页面如果button不设置type='button'问题在vue+elementui中只有一个输入框（el-input）的情况下，回车会提交表单。
sunlizhen·2020-09-15 23:43

VUE+ElementUI中cascader级联选择器组件在再次点击新增时数据回显上次的值

原来的级联选择为-->@closed设置回调函数el-dialog是弹出层，意思是在关闭模态框（点击新增按钮出现新增模态框）后设置级联选择器重置methods:{dialogClose(){this.dataForm.catelogPath=[];},}如上，在method中设置回调内容将级联选择器的v-model设置为【】
wangpeng1201·2020-09-15 17:18

Vue+ElementUI 实现登录时的账号密码验证

先附上参考教程elementUIForm表单本文是建立在Vue和ElementUI已经安装好的情况下进行的。如果不会安装这个环境的可以参考之前的文章。登录效果图：代码：登录界面提交重置exportdefault{name:'login',data(){varvalidateAccount=(rule,value,callback)=>{if(value===''){returncallback(n
Icon_酱·2020-09-15 16:04

Vue+ElementUI实现简单的用户管理系统（五）：编辑用户信息

（1）编辑用户的界面界面和和添加用户的界面差不多，只是需要显示用户原来的信息。编辑用户修改data(){return{labelPosition:'right',customer:{name:'',phone:'',email:'',desc:''},rules:{name:[{required:true,message:'请输入姓名',trigger:'blur'},{min:2,max:8,m
KiMiWaWonderful·2020-09-15 15:00

Vue+ElementUI纯前端技术实现对表格数据的增删改查

页面展示效果一、页面结构分为三个部分headbody以及script一般我个人是在head中引入一些组件库,还有一些样式;style也可以定义在其中,通过id选择器,还有类选择器进行定义script标签体中引入的是一些常见的组件库LIink标签体中引入的是一些CSS样式body中一般是书写页面的结构,也就是定义一个DIV,然后在其中书写书写页面中的各种元素最后就是script这里首先通过ID选中D
老婆就是要败家·2020-09-15 14:46

Vue+ElementUI搭建一个后台管理框架

参考：https://www.cnblogs.com/taotaozhuanyong/p/11903750.htmlhttps://gitee.com/qianhongtang-share/vue-element-admin
青梅竹马丨两小无猜·2020-09-15 14:37

vue+elementui 实现带分页多选表格记忆之前的选项

1.官方提供的reserve-selection属性，为true时可保留之前选中的数据（需要指定row-key）//指定row-key//加上该属性，值为true{{scope.row.date}}methods:{handleSelectionChange(val){this.multipleSelection=val;},getRowKeys(row){returnrow.id;//指定row
旗木夫人·2020-09-15 09:19

Spa项目实现登录

Spa项目实现登录+注册1、实现步骤1.1、新建项目1.2、安装element-ui相关模块1.3、引入main.js2、Vue+ElementUI设计登陆页面2.1、登录页面代码2.2、页面效果3、后台交互
小汪同学啊·2020-09-14 15:52

Vue项目常用优化方案

工作中使用Vue+ElementUI开发后台管理项目天天跟数据打交道，学到的东西真不多，工作又不好找，emmm，先来说说工作中用到的优化方法吧！
专属男神lbj·2020-09-14 15:06

vue+ElementUI的树形菜单背景颜色修改

前言最近开发项目遇到一个问题，就是原型图中树形菜单背景颜色是透明的但是默认的树形菜单背景颜色是白色的，用style更改不了背景颜色，最后找到了解决办法。解决办法根据路径F:\project\crm\node_modules\element-ui\lib\theme-chalk找到index.css用记事本打开，点击编辑里的查找，找到el-tree的样式，将其更改为none即变成透明：效果图：
Jiang呀·2020-09-14 12:09

前端渲染base64图片与上传图片转为base64格式给后台

base64格式，前端进行渲染生成请求接口成功进行渲染this.scBtnImageUrl='data:image/png;base64,'+res.data.img上传图片转为base64格式给后台（vue
web前端_CC·2020-09-14 03:40

初学vue+elementui搭建前台项目教程

vue+elementui搭建前台项目教程准备工作1、下载node配置node环境(注意：不管是跑别人的项目还是用自己的项目，都需要下载node)https://nodejs.org/en/2、一路next
奋斗的小辣鸡·2020-09-13 02:44

Vue中使用row-class-name修改el-table某一行背景色无效

Vue+ElementUI项目，需要对列表某些行加深背景色，Element官方提供了row-class-name属性，官方示例如下根据官方的写法，并没有实现效果，查阅资料后发现，row-class-name
feiyu_may·2020-09-13 00:52

vue+elementui 中el-table导出为Excel并封装组件

安装依赖：//xlsx与file-saver依赖npminstall--savexlsxfile-saver封装组件（Excel.vue）直接上代码：{{btn}}importFileSaverfrom"file-saver";importXLSXfrom"xlsx";exportdefault{name:"excel",props:{btn:{type:String,default:"导出exc
前端菜鸡日常·2020-09-12 21:25
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他