Vue+ElementUI

vue+elementUI表格关键字筛选高亮

代码：筛选：exportdefault{data(){return{search:'',tableData:[{date:'2016-05-02',name:'张三',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-04',name:'李四',address:'上海市普陀区金沙江路1517弄'},{date:'2016-05-01',name:'王五',addr
木子Leo·2020-06-30 19:50

vue+elementui常用到的输入框验证

1.验证输入框只能输入正整数maxNumGetInput(index){this.formData[index].maximumReceiveAllowed=this.formData[index].maximumReceiveAllowed.replace(/[^\.\d]/g,'');this.formData[index].maximumReceiveAllowed=this.formDat
活在当下zql·2020-06-30 18:00

关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题

一、简单说明项目使用Vue+ElementUI进行开发，使用了DateTimePicker日期时间选择器。
zhoushuizhang·2020-06-30 16:38

ElementUI自定义组件之地区三级联动

近期稍有空暇，在此与有需要的朋友分享一个，基于Vue+ElementUI的地区三级联动组件。
zhengvipin·2020-06-30 15:07

wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档

wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档背景：vue+elementUI，在弹出框页面中使用富文本编辑器，父页面和弹出框是分离页面，父页面import弹出框页面，在父页面初始化页面时
铁打的阿秀·2020-06-30 12:52

vue项目el-table 实现表格行内可编辑功能

vue+elementUI实现表格可编辑：vue项目使用el-table实现表格行内可编辑{{scope.
杨咩咩yang·2020-06-30 05:57

Vue+ElementUI从零开始搭建自己的网站（二、导航组件）

创建导航页组件我们在src目录下新建一个文件夹，名为components，今后我们的组件都会放在这个文件夹中。在components目录下新建一个Navi目录，在Navi目录中新建一个名为Navi.vue的组件。至此我们的目录应该是如下图所示：然后我们修改main.js文件，修改后的文件如下importVuefrom'vue'importElementUIfrom'element-ui'impor
极地雪狼li·2020-06-30 03:20

vue+elementui 后台管理系统 菜单权限管理+路由跳转

前言：我们项目的菜单权限主要是由后台控制，前台根据后台提供的menuList进行页面展示，根据用户登录账号的不同，从而显示分配不同的权限菜单。1，利用elementui导航菜单组件书写结构（我们项目要求的权限菜单是三级的，具体可以根据实际情况进行修改）{{item.name}}{{itemChild.name}}{{itemChild_Child.name}}{{itemChild.name}}2
weixin_44504742·2020-06-29 13:22

【vue+elementUI】分页（后端分页+前端分页）

项目结束，想着总结点东西，就又找了这个来总结一下，下次碰到，方便自己查找。先说，后端分页吧：后端分页，顾名思义，后端做好分页，你把要请求的页数和条数发送给他，他返回给前端，再渲染到页面上~结合elementUI的话，后端还需要把数据的总条数，即total作为一个字段返回，前端才能做分页嗷！下面上大概的代码，方便自己和大家参考一下。html:total:{{total}}items//根据后台返回的
暖阳伴新绿·2020-06-29 12:27

Vue+elementUI侧边导航栏高亮显示问题

首先给导航栏加上default-active属性，记得加上冒号
九号窗口·2020-06-29 09:10

Vue+elementUi获取el-select的值 将el-select 选中的多个值转成一个list提交到后台。

开发中遇到需要将elementUi的el-select选择器选中的多个值转成list提交到后台走了一些弯路下面说一下思路。exportdefault{data(){return{form:{typeId:'',id:''},items:[],}}}这里我是因为后台需要将表格中的当前用户id传到服务端本文主要是说明如何将el-select选中的多个值转成一个集合。通过getRoles()获取角色列表
波子的搬砖生涯·2020-06-29 07:45

webpack手动搭建vue项目（二）—— 创建vue+elementui项目

1.安装依赖>npminstallvuevuexvue-routervue-resourceelement-ui--save-dev>npminstallbabel-clibabel-corebabel-loaderbabel-polyfill--save-dev>npminstallcss-loaderfile-loaderstyle-loadervue-loadernode-sasssass-
人称～·2020-06-29 06:01

VUE+elementUI实现弹窗（dialog）编辑某条数据

最近要使用VUE+elementUI的框架，我开始学习了vue的知识，在写demo实现弹窗编辑表格数据的时候遇到了一个问题：弹窗中的数据不知道怎么传到对应的表格中去，网上搜了一大堆，都是粘贴复制的，只实现了打开弹窗
王魂凤气·2020-06-29 05:49

vue+elementui穿梭框+上下移动功能

elementUI组件样式：需要的样式：增加上移、下移功能下面就看一下的我实现方法（希望大家有更好的方法）1.首先在底部内容区增加需要的功能按钮，如：上移，下移，确定，取消【这里是为了数据操作之后，确定之后再进行相爱一步操作】，还有就是右侧列表元素被用户选中/取消选中时触发的监听事件【right-check-change】2.数据roleData【所有角色】，chooseRole【选择的角色--穿
新同学Y·2020-06-29 05:47

vue+elementui根据权限动态生成菜单添加对应router路由

说明:根据从后台获取角色权限数据配合Element-ui中NavMenu组件生成对应菜单结构.并通过addRoutes方法动态添加路由-之前做项目时是通过beforeEach钩子里通过判断当前角色的权限是否能访问要去往的路由页面来实现的,但是后来发现vue-router2.x版本提供了addRoutes就试试能不能优雅一些.–先看看router.jsimportVuefrom'vue'import
Kudee·2020-06-29 05:13

Vue+ElementUI 切换ElementUI主题+自定义颜色的修改（指定几种颜色的换肤）

一、版本说明（若没有以下中间件，先安装喔）1.1、具体代码开源到github中，欢迎starNode.js10.13.0NPM6.10.3Vue2.5.2vue-router3.0.1element-ui2.11.1element-theme-chalk2.11.1#`npminstallelement-theme-chalk--save-dev`webpack-theme-color-repla
窩窩頭·2020-06-29 05:40

vue+elementUI实现多选联动选择

先看一下效果图实现过程：template游戏类别:游戏名:scriptexportdefault{data(){return{checkList:[],//收益类型为自选游戏的时候默认选中的游戏showList:[],//最终选中的游戏名checkType:[],//最终选中的游戏类别chessNum:1,//棋牌点击计算次数niuniuNum:1,//牛牛点击计算次数catchFishNum:1
菜鸟小佳·2020-06-29 05:32

vue+elementUI表格导出excel

参考小圣贤君最终效果点击导表跳出导出文件实现过程1.先安装依赖npminstall--savexlsxfile-saver2.在需要的组件内引入importFileSaverfrom"file-saver";importXLSXfrom"xlsx";3.使用---必须保证表格格式对应，不然报错我用了布局来写的表格，然后就会报这个错好吧，来看看正确的写法导出jsimportFileSaverfrom
菜鸟小佳·2020-06-29 05:32

vue+ElementUI改变主题色

背景介绍：项目使用vue.js+elementUI+scss，但是项目的主题色要修改为紫色。Mac电脑，且已安装过npm。我使用的是全局安装（-g），官方文档说是建议安装在项目中全局安装步骤cdelement-demonpmielement-theme-gnpmielement-theme-chalk-Det-i修改scss中的颜色值etmain.js修改引入步骤说明进入项目文件夹cdelemen
hlqiong96119·2020-06-29 04:45

webpack构建Vue+ElementUI单页面应用（3）——webpack-dev-server基础配置

第一篇文章package.json中我们配置的scripts有webpack-dev-server,下面开始配置webpack-dev-server,安装webpack-dev-servernpmiwebpack-dev-server-D配置webpack.dev.conf.jsmodule.exports={devServer:{contentBase:path.resolve(__dirnam
放游·2020-06-29 03:06

vue+elementUi 系统后台中的修改密码页面（全）

就是感觉自己在做这个页面想找参考的时候，没有找到自己特别想要的，所以我写完后记录下来，万一能帮到跟我一样有需要的盆友呢项目背景：系统后台中右上角需要添加一个修改密码新页面需求，如图：二，正式建立修改密码页的路由，然后新建修改密码文件vue文件内容：确认修改importapifrom"@/api";//这是我个人全局定义单独用来接收url接口的文件，不作参考import{getUsername}fr
修炼中的小妖怪·2020-06-29 03:37

vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）...

【html】 //前后代码【略】【js】 showPwd(){this.pwdType==='password'?this.pwdType='':this.pwdType='password';lete=document.getElementsByClassName('el-icon-view')[0];this.pwdType==''?e.setAttribute('style','color:
小屁孩大帅-杨一凡·2020-06-29 02:38

vue+elementUI $message

element-ui,$message显示倒计时信息element-ui,$message显示倒计时信息element-ui提供的message组件，文字是写死的，没有提供动态变化的方法。但是作为一个vue组件，他的message属性是双向绑定的。下面是实现倒计时显示的例子vara=this.$message({showClose:false,message:'你已经被管理员禁用，5s后将自动退出
歪歪100·2020-06-29 01:44

vue+elementUI多级菜单动态渲染组件

以下是组件代码：[HTML]查看纯字幕：{{navMenu.entity.alias}}{{navMenu.entity.alias}}导出默认{名称：'NavMenu'，道具：['navMenus']，data（）{返回{}}，方法：{}}外部调用也比较简单[HTML]查看纯字幕：看看效果：值得一提的是，完成此菜单需要后端的配合，笔者这里后端给出的数据为：[javascript]查看纯文本{“实
歪歪100·2020-06-29 01:43

vue+elementUI树形表格，可以做权限管理模块，可折叠，全选，部分全选

效果图：gitHub地址：https://github.com/Echo987/vue-tableAuthor根据花裤衩的树形表格改的：新建vue组件：/**Auth:LeiyCreated:2018/09/29-11:25Explain:根据花裤衩的表格改的,isIndeterminate属性是控制多选半选中状态，checkAll是控制全选中状态selectchecked是放置sonData1选
隔壁老王小媳妇·2020-06-29 00:20

vue+elementUI中Dialog实现组件弹框以及子父组件页面传值

弹框使用element-UI中的Dialog对话框+vue组件结合实现~~~·~定义html我的区划这是element-UI自带的标签，:visible.sync=""是用来控制显示或者隐藏状态，当dialogBiomeVisible的值为true的时候为显示，false的时候就是隐藏，这个就是自己定义的组件名；引入组件importNationalBiomefrom'./National_Biom
周金鱼啊·2020-06-29 00:32

vue.js中的v-show为什么不起使用

近日做前后端分离项目，前端vue+elementui;有两个相似的页面，有1个下拉选框，值是年，月，日，用来控制后面日期选择器要显示选择年，选择月，选择日；开始是使用v-show，在第一个页面是没有问题的
小新-shawn·2020-06-28 23:40

Vue2.0+Element UI 上线和Nginx解决跨域问题

一前言采用Vue+ElementUI开发前后端分离的项目，在开发可以使用Vue的ProxyTable解决跨域问题。但在上线部署却不能使用，可以通过Nginx的反向代理来解决。
你我青春时·2020-06-28 22:36

vue elementUI 表单校验（多层嵌套）

嵌套对象的校验项目中使用的vue+elementUI进行开发，已经用了有一段时间了，感觉表单校验是每一个前端开发人员都避免不了的需求。
weixin_34087503·2020-06-28 11:22

vue+elementui进阶之路-el-table中显示图片

1、table中显示图片2、当需要遍历图片时，不能直接使用prop绑定值3、一张图片4、多张图片转载于:https://www.cnblogs.com/congfeicong/p/11038119.html
weixin_33859231·2020-06-28 06:11

Vue + ElementUI 后台管理系统项目心得（一）

最近参与了公司的Vue+ElementUI后台管理系统开发，目前项目告一段落，正好做一个总结。本文件分三部分进行，其一是JavaScript部分，其二是Vue部分，最后是ElementUI部分。
weixin_33709590·2020-06-28 03:28

vue + element ui 表格自定义表头，提供线上demo

前言：工作中用到vue+elementui的前端框架，需要使用自定义表头，需要使用re。
weixin_30772105·2020-06-28 00:30

vue+elementui 新增和编辑如何实现共用一个弹框

//html代码：//按钮新增编辑//弹框145678910111213141516202122232425取消26确定2728//javascirpt：12exportdefault{3data(){4return{5dialogFormVisible:false,6form:{7major:"",8minior:"",9mac:"",10date:""11},12//新增or编辑弹框标题(根据
weixin_30492601·2020-06-27 20:47

vue+elementui搭建后台管理界面(6登录和菜单权限控制)

不同的权限对应不同的路由（菜单），同时侧边栏也根据权限异步生成，实现登录和鉴权思路如下：登录：点击登录，服务器验证通过后返回一个token，然后存到cookie，再根据token拉取用户权限鉴权：通过token获取对应的roles,计算有权限的路由，使用router.addRoutes动态加载路由数据和操作通过vuex进行控制1登录登录按钮click事件触发登录动作:/**...省略的代码*/th
weixin_30409849·2020-06-27 19:25

vue+elementui搭建后台管理界面(3侧边栏菜单)

上一节搭好了主框架，但是标签页和侧边栏只是分别展示了各自的菜单，如何将二者联动起来？定义路由规则：当有children属性时，从children里取出path填充到侧边栏，如：{path:'/',redirect:'/dashboard',name:'Container',component:Container,children:[{path:'dashboard',name:'首页',compo
weixin_30372371·2020-06-27 18:26

vue+elementui搭建后台管理界面(1登录)

1node环境安装从node官网下载安装包2vue-clinpminstallvue-cli-g3新建项目vueinitwebpackvue-project可保持默认，一路回车完成后cdvue-projectnpmrundev工程启动成功，访问http://127.0.0.1:8080可看到页面win下使用tree/f查看此时src下的文件列表:│App.vue│main.js│├─assets│
weixin_30251829·2020-06-27 15:01

vue+elementUI表格切换元素复用导致报错

报错：_self.$scopedSlots.defaultisnotafunction原因：v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现复用的情况解决办法：给需要判断的节点加上key，例如表格列：{{scope.row.plantFileTime}}或不同表格切换：
西瓜奶奶_·2020-06-27 09:12

vue+elementUi做的图片上传组件

上传组件封装需求分析在基于elementUI库做的商城后台管理中，需求最大的是商品管理表单这块，因为需要录入各种各样的商品图片信息。加上后台要求要传递小于2M的图片，因此封装了一个upload.vue组件作为上传页面的子组件，它用于管理图片上传逻辑。upload.vue解析upload主要用于实现表单上传图片的需求，主要由input+img构成当没有图片的时候显示默认图片，有图片则显示上传图片，因
情破·2020-06-27 08:59

vue+elementui实现多级菜单栏（x-template模板方式）

最近在写框架，开发主页面的时候布局采用的是左侧菜单栏的形式，因为没有现成的轮子与使用技术栈的原因，选择使用elementui的navmenu控件进行改造，实现多层级的菜单栏展现样式，先上个效果图因为是使用asp.netmvc5进行的开发，所以不可能使用webpackge纯前端的方式使用vue单文件的形式造轮子，所以经过搜索，决定使用x-template类型的脚本文件作为模板载体进行二次封装，首先分
code2roc·2020-06-27 06:42

element-ui下导航高亮犯过的错

同事搭建的vue+elementui项目出了个bug，elementui导航高亮一直出错。调试了3个多小时，来问我，结果悲剧地加班了。
怪大叔一·2020-06-27 06:48

从零开始搭建自己的VueJS2.0+ElementUI单页面网站（三、组件编写及通信）

在前两篇文章中我们介绍了关于搭建vue+elementUI开发环境的方法和编写导航页的方法。
天降风云·2020-06-27 05:12

vue+elementUI项目实现自定义校验规则的传参复用性

对于Vue+elementUI的项目而言，表单校验的复用性是一个值得考虑的问题。
夜色芜染·2020-06-27 04:51

vue+elementUI下拉框联动显示

其他绑定的值都一样，只有:label的不一样而已，这样选择主账号后对应的手机号也会跟着改变
过去式的美好·2020-06-27 02:33

vue+elementui 打开弹窗 但是弹窗的接口只会初始调用一次

使用element的dialog弹窗的时候这样样式比较美观好看而且也好控制但是如果你是在列表页使用根据每次传入的id不同获取不同的数据的时候，你会发现只有在第一次使用的时候才能调用接口修改的办法也很简单，在dialog层加一个v-if判定详细原因请查看vue官网文档：https://cn.vuejs.org/v2/guide/conditional.html#v-if-vs-v-show
懵懂学子·2020-06-26 20:44

使用vue+elementUI编写运营活动生成工具

以下为采用vue+elementUI制作
style617313168·2020-06-26 15:11

vue+elementui select选择器远程搜索

官方的格式exportdefault{data(){return{options:[],value:[],list:[],loading:false,states:["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii"
一条舞动青春的咸鱼·2020-06-26 00:46

vue+elementui搭建后台管理界面-登录

1node环境安装从node官网下载安装包2vue-clinpminstallvue-cli-g3新建项目vueinitwebpackvue-project可保持默认，一路回车完成后cdvue-projectnpmrundev4安装并引入elementuinpminstallelement-ui--save编辑src/main.js,修改为importVuefrom'vue'importAppfr
前端小王子·2020-06-25 22:31

Vue+Element UI 下，如何给一个表单设置自定义规则或多个验证规则（：rules）

依旧是公司里那个Vue+ElementUI的项目。今天遇到了一个新的问题：表单中某个选择器的值不同，控制着下面表单内容是否显示。放图：大概就是这个样子。
云中客youroch·2020-06-25 21:30

html中引入Vue+ElementUI

CDN方式引入Vue.js和ElementUIVue官网：https://cn.vuejs.org/ElementUI：https://element.eleme.cn/2.0/#/zh-CN/component/installation引入时需要注意的地方：先引入vue.js然后在引入ElementUI组件库需要挂载app（vue的作用域）就是：标签测试页面默认按钮主要按钮成功按钮信息按钮警告按
黎明前的一道光·2020-06-25 21:26

Vue+ElementUI 中面包屑导航栏的实现及优化

基础小白的文章1、实现引入el-breadCrumb组件：data()中的内容先看一下breadList打印出来的数据内容对于下面的method部分会比较好理解再接着就是method中的方法了做到这里面包屑导航栏就已经实现了。但是存在一个问题：当页面舒心的时候，面包屑就消失了....遇见问题，尝试解决。2、优化首先尝试将breadList中的数据存储到sessionStroge中。由于breadL
qq_41008140·2020-06-25 19:07
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他