vue+elementUI

Vue开发中遇到的一些问题解决方法

2.使用vue自定义指令配合vuex可以实现控件粒度的权限控制，指令传入权限要求,可在组件逻辑中根据当前权限与传入的要求进行判断是否隐藏显示该div跳转3.如在vue+elementui开发中发现表格行的默
洛阳醉长安行·2021-01-16 18:28

Vue开发中遇到的一些问题解决方法

2.使用vue自定义指令配合vuex可以实现控件粒度的权限控制，指令传入权限要求,可在组件逻辑中根据当前权限与传入的要求进行判断是否隐藏显示该div跳转3.如在vue+elementui开发中发现表格行的默
洛阳醉长安行·2021-01-16 17:09

这款优秀的Vue+ElementUI桌面端一站式框架,爱了！

基于Vue+ElementUI，专注于中台系统快速搭建，框架已在多个项目实战检验。
Github导航站·2021-01-16 12:24

Vue+ElementUI搭建商家店铺管理后台项目总结

背景在开发完成商家店铺的客户端后，自己掌握了客户端一些开发技术，并且也从中积累到了项目经验。由于客户端的商家应用页面是基于静态数据渲染的，所以在真实的应用实践中，静态的页面数据并不符合实际的应用场景需要。如果我们要定期的更换页面上的内容的话，对于普通的应用使用者来说是不容易的。可能用到最笨拙的办法就是联系应用的开发人员修改原项目内容才能实现，但是要想一劳永逸的把这个使用需求交给普通用户使用的话，使
konglingwen94·2021-01-15 13:33

解决Vue+elementUI后台管理离开页面destroyed()清除定时器失效问题

正常来说清除定时器是在页面销毁的时候清除，如this.timer=setInterval(()=>{console.log("我刷新了")},15000)destroyed(){clearInterval(this.timer)}但是在后台管理页面的时候这样做却失效了。问题所在：我们的在写后台时，习惯性设置一个主页面（也就是包含头部、侧边导航栏、底部、中心内容）。在子页面设置定时器时，切换其他子页
听听那晚风·2021-01-14 16:34

vue+elementUI上传单张、多张图片/视频至oss

1.上传单张图片效果：创建oss.js接口配置文件importrequestfrom'@/utils/re.js'//封装的请求文件importaxiosfrom'axios'exportfunctionpolicy1(){returnrequest({url:'url',//接口地址method:'get',})}在components下创建singleUpload.vue组件import{po
一只开心鸭！·2021-01-14 15:02

element ui需要引入样式吗_element-ui按需加载的两种方式

背景实际开发过程中，vue+elementUI是我们很常见的使用方式，element-ui也确实给前端开发提供了不少的便利。
咩都唔知架·2021-01-14 07:27

这款优秀的Vue+ElementUI桌面端一站式框架,爱了！

基于Vue+ElementUI，专注于中台系统快速搭建，框架已在多个项目实战检验。
Github导航站·2021-01-13 14:40

Vue+Element ui上传图片限制图片尺寸

Vue+Elementui上传图片限制图片尺寸1.在template中引用el-upload组件2.在style中定义el-upload的样式.avatar-uploader.el-upload{border
TongYuTian·2021-01-07 12:54

vue+elementui通用弹窗（新增+编辑）

组件模板*{{col.name}}{{submitData[col.key]}}{{radio.name}}取消确定弹窗的内容根据传入的数据去渲染，数据格式如下cols:[{name:'输入框',key:'ccc',//提交时对应的字段type:'input',//类型isRequire:true//是否必填},{name:'单选框',key:'aaa',type:'radio',data:[{l
yingmhd·2021-01-06 19:02

vue+elementui通用弹窗（新增+编辑）

组件模板*{{col.name}}{{submitData[col.key]}}{{radio.name}}取消确定弹窗的内容根据传入的数据去渲染，数据格式如下cols:[{name:'输入框',key:'ccc',//提交时对应的字段type:'input',//类型isRequire:true//是否必填},{name:'单选框',key:'aaa',type:'radio',data:[{l
yingmhd·2021-01-06 19:43

vue+elementUI实现动态增加表单项并添加验证

vue+elementUI实现动态增加表单项并添加验证参考elementUI官网以及网上的其他一些资料。话不多说，直接贴代码。
wwf1225·2020-12-30 10:48

vue+element UI实现树形表格

本文实例为大家分享了vue+elementUI实现树形表格的具体代码，供大家参考，具体内容如下一、在component文件夹下新建如下treeTable文件夹，里面有2个文件：eval.js:将数据转换成树形数据
·2020-12-29 15:41

elementui 展示列表模板_vue+elementui +input输入框关键字筛选检索表格数据展示+分页功能...

第一种用axios发送请求到后台，需要后台配合，才能在表格里面渲染页面；想偷懒的小伙建议去直接粘贴复制第三种搜索：borderref="multipleTable":data="tables"tooltip-effect="dark"style="width:100%"@selection-change="handleSelectionChange">type="selection"width="
weixin_39669769·2020-12-28 19:15

vue+elementui 自定义常用校验规则

vue+elementui自定义常用校验规则暂时先发四种，业务亲测有效，会更新的邮箱校验varcheckEmail=(rule,value,callback)=>{constmailReg=/^([a-zA-Z0
拢手点烟丶·2020-12-23 15:02

vue+elementUI使用upload组件实现文件上传功能

项目中需要上传文件,用的vue+elementUI,使用的上传组件是elementUI的el-upload组件,通常用到过的上传方式有两种1.上传到云服务器,再把返回的连接给后端2.以formdata的方式直接传给后端这里使用的是第二种方式手动上传的方式进行上传文件
Boriska1996·2020-12-23 14:23

vue+elementui表格前端导出excel以及自定义导出样式

vue+elementui表格前端导出excel以及自定义导出样式项目遇到前端自己导出表格，我自己把后端给我的数据处理了一波，合并重复列啊，以及表头合并啊。
contour·2020-12-23 10:00

element输入框中显示单位_vue+elementui +input输入框关键字筛选检索表格数据展示+分页功能...

第一种用axios发送请求到后台，需要后台配合，才能在表格里面渲染页面；想偷懒的小伙建议去直接粘贴复制第三种搜索：borderref="multipleTable":data="tables"tooltip-effect="dark"style="width:100%"@selection-change="handleSelectionChange">type="selection"width="
weixin_39528525·2020-12-21 05:03

vue单选框选中_【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题

难度值：⭐需求描述：弹窗里面的表单，是复用的后台返回数据，输入框里面的数据复用很容易，通过prop属性即可。问题在于radio单选框，怎么将后台给的数值绑定为默认值示例效果图：涉及知识：一、【elment-ui】radio单选框中的label属性误区：1、误以为value是返回给后台的值，label是展示在前端页面的值导致红色框框里面的代码书写成，后台需要的单选框isGroupcompany参数值
weixin_39688451·2020-12-19 16:47

vue+elementUI 项目相关总结

提示：本章为了记录写过的项目功能，方便下次项目直接取用文章目录前言实现1.NavMenu导航菜单2.Breadcrumb面包屑3.Table表格3.1格式化内容3.2移除数据代替刷新4.Form表单4.1表单验证规则4.2回车键登录5.Checkbox多选框5.1全选单选6.Pagination分页6.1分页6.2序号7.Cascader级联选择器8.DateTimePicker日期时间选择器8.
Marseill_world·2020-12-18 15:41

vue+elementUI动态增加表单项并添加验证的代码详解

参考elementUI官网以及网上的其他一些资料。话不多说，直接贴代码。htmt部分：                                                                                                                                                             
·2020-12-18 00:46

Vue学习笔记：Vue+elementUI 实现简单的表单提交

前言elementUI是我感觉还不错的一个前端框架，它构建了很多快速搭建板块，比如导航栏、分页、表格、时间/日期选择器等很多项目中常用的模块，可以快速应用开发。安装官方推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。npmielement-ui-S也可以通过unpkg.com/element-ui获取到最新版本的资源，在页面上引入js和css文件即可开始使用。开始：构建项目1
冬日里的那丝残阳·2020-12-04 13:35

vue+elementUI，el-table 数据导出Excel

1.安装依赖//xlsx与file-saver依赖npminstall--savexlsxfile-saver`https://github.com/SheetJS/js-xlsxhttps://github.com/eligrey/FileSaver.js2.在需要的组件中引入importFileSaverfrom'file-saver'importXLSXfrom'xlsx'3..vue：//
一统·2020-12-01 19:01

（22）VUE+ElementUI短信验证码倒计时

//html结构{{isDisabled?countText.count+'s后获取':countText.click}}//样式.code-box{display:flex;font-size:14px;}.my-input{width:100%;height:100%;border:none;outline:none;background:rgba(0,0,0,0);padding:010px
myako_·2020-11-24 10:45

Vue+ElementUI 使用select组件 V-model数据修改后，视图不刷新

elementui踩坑记录1a.使用select组件，但是v-model数据已更新但是视图没有更新因为vue对于数组对象中的某个值更新变化并不触发更新，这时候就需要用到this.$set如图所示就能解决这个问题了：希望能够帮到你们！
掺半N·2020-11-23 16:35

vue+elementui实现学生信息管理系统

第一个是最开始的纯dom操作的，第二个是最近学了vue后做出来的，很开心！！第二个简直好看太多了吧！后端代码都还是一样的，只是前端的样式变了。少了dom操作后真的巨爽！！！不过还是有很多不足，比如axios调用的不是很好，而且接口使用不是很6，之后要用脚手架来搭一个真正的前端项目然后再来玩耍！冲呀~
日京·2020-11-22 16:15

vue+elementUi实现静态数据分页

分页静态数据tableData:[{date:"2016-05-02",name:"王小虎1",sex:"男",state:false,address:"上海市普陀区金沙江路1518弄",},{date:"2016-05-04",name:"王小虎2",sex:"男",state:false,address:"上海市普陀区金沙江路1517弄",},{date:"2016-05-01",name:"
开发路上的AZhe·2020-11-07 17:03

Vue+element ui 表单中日期选择器范围控制

Vue+elementui表单中日期选择器范围控制1.页面(单个日期)         2.js(单个日期)exportdefault{data(){return{//开始时间限制beginDateOption
咏絮v·2020-10-30 16:17

Vue+ElementUI实现el-table导出excel数据功能

第一步Installcnpminstallfile-saver或者yarnaddfile-savercnpminstallxlsx或者yarnaddxlsxcnpminstallscript-loader或者yarnaddscript-loader第二步Use1.在src/plugins/Export2Excel.js(目录没有可以重建)Export2Excel.js放入以下代码/*eslint-
程序猿小葵草·2020-10-29 21:28

分布式基础篇

简介项目介绍该项目分为三篇进行开发：分布式基础篇（全栈开发篇）谷粒商城的后台管理系统，后端技术栈：SpringBoot，带上Mybatis那一套，SpringCloud，docker，作为后端的基础环境，结合前端vue
atguigu·2020-10-22 14:30

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
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他