##element-ui

element-ui里面的el-input框有时候无法输入和无法改变的问题

无论怎么操作视图没有更新的问题（input的值无改变），解决办法如下：updateTotal:function(e){//input组件有时候不能删除已写入的内容或者不能写入this.$forceUpdate();varval=e;if(val!=""){this.form2.singleTotal=parseFloat(val*this.form2.brand.price).toFixed(2)
老火锅·2020-06-24 04:40

element-ui el-table多选置灰

el-table多选置灰示例：1.el-table用法：2.method中方法：checkSelectable(row){letmark=0this.checkedInitQuestions.forEach((item)=>{if(item.id===row.id){mark=mark+1returnfalse}})returnmark<=0}checkedInitQuestions为需要置灰的数
lhp_36kr·2020-06-24 04:00

vue-cli3.0安装element-ui组件及按需引入element-ui组件

在VUE-CLI3下的第一个Element-ui项目（菜鸟专用）上面这个链接是vue-cli3.0安装element-ui的详细过程，如果想要按需引用看下面的1.引入vueaddelementHowdoyouwanttoimportElement
冰雪为融·2020-06-24 04:27

element-UI级联选择器(Cascader)获取label值 - 代码篇

element-ui级联选择器(Cascader)获取级联对象：主要是想获取:label值、value值效果图预览：handleChange(e,form,thsAreaCode){//thsAreaCode
l_h_h_刘·2020-06-24 04:54

Vue:登录页面及登录页面用到的验证函数

登录":"注册"}}importsha1from'js-sha1';import{Message}from'element-ui';import{GetSms,Register,Login}from"@
Web魔法师·2020-06-24 03:25

利用vue和element-ui设置表格内容分页

html代码因为我写在template中，也就是新建了组建中，贴出代码。代码中，small代表是否使用小型分页样式layout代表组件布局，子组件名用逗号分隔属性：total代表总条目数事件：current-change用于监听页数改变，而内容也发生改变其他属性可参见element官方APIhttp://element.eleme.io/#/zh-CN/component/pagination监听
李小斌96·2020-06-24 02:38

vue项目 使用Element-UI的NavMenu 遍历路由表生成导航菜单与点击页面路由时导航菜单失去高亮显示效果

介绍：目前使用的路由表是三级路由表，文章中使用Element-UI动态生成导航栏可以有N级路由嵌套，但是事实上不会有那么多级路由，但是为了方便还是一次性写好，使用时就是复制文件就好虚拟路由表:（hidden
幽冥雪羽·2020-06-24 02:49

vue中结合element-ui的Pagination 分页组件写出后端给所有数据前端进行分页和有筛选条件的功能（前端数据分页）

vue中结合element-ui的Pagination分页组件写出后端给所有数据前端进行分页和有筛选条件的功能（前端数据分页）前言昨天接到后端的一个获取接口，产品有分页，至今搞不懂为何后端竟然说出让我惊讶好久的话我只能回复一个问号
badboy__biubiubiu·2020-06-24 01:55

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（三）挂载路由到头部导航

路由是写好了，但正确的切换路由方式不应该是我们在地址栏里面输入地址，有追求的方式是点击头部的导航菜单来切换，就像这样Image018.png我们点击上面的发现、关注、消息就切换路由导航我们先把头部的导航写好打开header.vue先把vue组件的基本格式写好Image019.png然后开始布局写头部这里很不好意思，我一直以为头部的header.vue是引入了的，实际上并没有........打开ap
思吾谓何思·2020-06-24 01:23

【造轮子】开发vue组件库MeowMeowUI

globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmeowui#安装依赖$cdmeowui$npminstall$npmrundev2.规划目录结构这里参考element-ui
kiz_calamus·2020-06-24 01:35

element-ui Cascader 级联选择器 点击label选中

通过修改label的样式解决：注意：el-cascader-panel是直接挂载在body上的，所以需要全局设置.el-cascader-panel.el-radio{width:100%;height:100%;z-index:10;position:absolute;top:10px;right:-10px;}.el-cascader-panel.el-radio__input{visibil
kiz_calamus·2020-06-24 01:34

vue-element-admin教程

vue-element-admin是一个后台前端解决方案，它基于vue和element-ui实现。
k55·2020-06-24 00:03

element-ui使用导航栏跳转路由用法

element-ui使用导航栏跳转路由用法最近初学vue，试着做一个小项目熟悉语法与思想，其中使用elemen-ui的导航栏做路由跳转切换页面。
jokren·2020-06-23 23:36

vue从零开始

/store/'importElementUIfrom'element-ui'//import'element-ui/li
jodan179·2020-06-23 23:30

001、element-ui前言

前言element-ui是饿了么团队开发的一款功能强大前端UI框架。
jiuwanli666·2020-06-23 22:33

vue+element-ui表格封装tag标签使用插槽

在element-ui中添加tag很简单，最重要的就是用到了vue的插槽slot这个特性。首先了解什么是插槽。
·2020-06-23 22:51

vue+elementUI项目中，如何让Element UI的Message消息提示每次只弹出一个

1.封装js，命名为message.js，代码如下：/**防止重复点击重复弹出message弹框*/import{Message}from'element-ui';letmessageInstance=
Jerry丶惟·2020-06-23 21:28

Upload 上传 以及图片不显示问题 element-ui

添加handleCreate(){//重点就是这里添加的时候可以直接清空整个表单，但是icon:""一定要有，不然上传的图片就不会显示this.form={icon:""};},handleAvatarSuccess(jsonData,field){this.form.icon=jsonData.filename;//图片上传成功后台返回的地址},beforeAvatarUpload(file){
蒋蒋蒋ing·2020-06-23 21:47

基于element-ui对form表单进行验证时，el-select不起作用问题

如下图：对el-select加了如下的验证enterpriseType:[{required:true,message:"企业类型不能为空",trigger:"blur"}],再选择之后提示message依然不消失找了很多，最后发现就是一个很简单的设置问题把rules里的这条改成：enterpriseType:[{required:true,message:"企业类型不能为空",trigger:[
janessssss·2020-06-23 20:20

vue + ts + element-ui 动态生成动态表单

目录1、一些说明2、主要render函数的写法3、数据结构4、表单控件的写法5、在父级中获得填写的数据6、demo1、一些说明本文基于vue-cli3.x生成tsvue项目上写的2.x的朋友可能还需要改改，目前只是一些简单的表单，后期也许会有后续更新。2、主要render函数的写法这个为主要的render函数importinputfrom'./Input';importselectfrom'./S
inooryo·2020-06-23 18:12

vue+elementui+admin对axios封装

request.js//Anhighlightedblockimportaxiosfrom'axios'//import{MessageBox,Message}from'element-ui'import
代码小李·2020-06-23 17:06

Vue+Django+Mysql搭建前后端分离的个人博客网站

目录一、技术栈选择二、环境配置三、项目初始化更新日志一、技术栈选择前端Vue的所有技术栈：vue2+vuex+vue-router+webpackUI库：element-ui网络请求：axios前端脚手架构建工具
Python全栈之巅·2020-06-23 17:51

关于element-ui tree树形控件中:default-checked-keys的问题

:default-checked-keys="defaultCheckedKeys"ref="rightsTree"defaultCheckedKeys:[]this.$nextTick(()=>{this.$refs.rightsTree.setCheckedKeys(this.defaultCheckedKeys);});https://blog.csdn.net/DarkHorseK/art
huxiaowen_·2020-06-23 16:13

vue + element-ui --pagination 实现对返回的后台数据分页

1.分页(html)1.5.6.7.:page-size---当前每页显示行数@size-change---每页显示行数变化时，触发函数handleSizeChange:current-page---当前显示页码@current-change---当前页码变化时，触发函数handleCurentChange:page-sizes---每页显示数据条数的选项layout="total,sizes,p
huoren_no1·2020-06-23 16:24

vue+element-ui 实现可编辑表格、动态渲染表头和表格数据、列向数据合计（每行末尾合计功能）

vue+element实现可编辑表格、动态渲染表头表格数据、列向数据合计（每行末尾合计）1，首先得在项目中集成element-ui安装，注册，具体参照element-ui的集成2，我这里使用的vue-cli
卖萌的小猪·2020-06-23 16:34

新手使用VUE做菜单/组织结构树

本来看了下论坛什么的，人家用的element-ui的el-tree，我试用了下，对修改样式，包括里面的动态添加节点，鼠标事件等等想做性化修改时总有问题，就自己写了一个，为了方便其他
@鼬神·2020-06-23 16:06

element-ui下拉框选择

TitlenewVue({el:"#app",data:{options:[{value:'选项1',label:'黄金糕'},{value:'选项2',label:'双皮奶'},{value:'选项3',label:'蚵仔煎'},{value:'选项4',label:'龙须面'},{value:'选项5',label:'北京烤鸭'}],labelee:''},methods:{selet(e){
hql丶1024·2020-06-23 15:45

php + vue + element-ui 实现分页功能--页面不刷新

利用的是Yii2.0框架做的，下面直接上代码：前台页面：varemailListVue=newVue({el:'.email-list',data:{currentPage:1,total:,pageSize:,tableData:,},methods:{handleCurrentChange:function(currentPage){varvm=this;$.get('/index/get-e
ischy·2020-06-23 15:45

Vue-实现自适应屏幕高度的方法

项目中使用的element-ui的table组件，让它的高度自适应屏幕的高度，代码如下：html:js:data(){return{screenWidth:document.body.offsetWidth
柠檬icon·2020-06-23 15:16

element-ui下拉框使用value绑定id

因为在这里是先显示label在显示value所以可以把名字写在label里，把id写在value里，然后v-model绑定的值即为value里的id值，且在@change里面可以使用value即id。exportdefault{data(){return{options:[{value:'选项1',label:'管理员'},{value:'选项2',label:'维修人员管理员'},]}},met
卡卡欧文·2020-06-23 14:52

vue element-ui 的 Message 消息提示 在 iframe 中滚动父页面的 scroll 时 Message 固定悬浮失效解决方案！

 this_.$message({                                showClose: true,                                message: '我是成功消息！',                                type: 'success',                                dura
heshiyuan1406146854·2020-06-23 14:57

全栈练习一：asp.net core 2.1 webapi连接postgrest数据库从零开始

技术栈先划定为ASP.NETCORE的WEBAPI作为后端，数据库PostgreSQL，前端主要为VUE全家桶+element-ui。总体比较适合全栈新手。本文为第一篇，当前内容仍在逐步修改更新。
henjuewang·2020-06-23 14:15

Vue实战项目：电商管理系统（Element-UI） （1-20）记录第一天 （一）登录页面绘制

目录一.页面目录结构二，项目入口main.js,主要引入全局样式，配置路由axios三.路由信息router/index.js四..自定义样式信息assest/css/global.css五,登录页面components/Login.vue六.引入组件plugins/element.js七，页面效果一.页面目录结构二，项目入口main.js,主要引入全局样式，配置路由axios/*eslint-d
NO如果·2020-06-23 12:42

axios封装简明的request请求

为例来封装request请求request.js:importaxiosfrom'axios'import{getToken}from'@/utils/auth'import{Message}from'element-ui'importstorefrom
guanguan0_0·2020-06-23 11:01

Vue 原生右键菜单组件

VueCLIApp-localhost.png项目地址https://github.com/GitHub-Laziji/menujs在线演示快速安装npm安装npminstallvue-contextmenujsCDN使用测试中使用的是element-ui
简书辣子鸡·2020-06-23 11:36

vue插件（自定义组件或js文件使用），vue.extend()，vue.component()注册组件

例如：引入element-ui组件。1.2、自定义组件或js文件1.2.1、自定义组
github_39598787·2020-06-23 10:13

基于 vue 与 element-ui 封装 table 中可编辑 select 组建

环境#安装vue脚手架npminstall-g@vue/cli#使用脚手架初始化项目vuecreateelement-demo#添加element-ui框架（使用sass预处理器）vueaddelement-uinpminstall-Dsasssass-loader
HenryDZhang·2020-06-23 10:21

element 控件 中英文翻译 ，

importVueI18nfrom'vue-i18n'importElementUIfrom'element-ui'importElementLocalefrom'element-ui/lib/locale'importenLocalefrom'element-ui
香烟啤酒饮料·2020-06-23 10:44

element-ui和vue表单（对话框）验证提示语(残留)清除

问题是这样的:如果一个页面有多个按钮打开相同的element-ui的Dialog对话框，那么如果第一个点击"顺序"按钮出现红色验证提示语后，再点击“取消”，或者点击页面空白处此对话框消失，而后再点击同一个
封狼居胥_神都·2020-06-23 10:09

使用vue+django写一个个人版博客(1)

项目名称“命令创建完后该项目基于element来构建的所以需要npmielement-ui-S然后在main.js里写一下内容importVuefrom'vue';importElementUIfrom'element-ui
hpr·2020-06-23 09:00

使用vue+django写一个个人版博客(1)

项目名称“命令创建完后该项目基于element来构建的所以需要npmielement-ui-S然后在main.js里写一下内容importVuefrom'vue';importElementUIfrom'element-ui
hpr·2020-06-23 09:00

vue+mybatis-plus实现条件查询

我们经常需要动态的根据前端上送的查询条件，过滤筛选出指定的结果，如下图所示，本例需要根据服务编号、服务名称、框架版本作为条件进行查询：2理论2.1框架本例中前端采用基于element-ui的vue框架，
forgetmetoo·2020-06-23 08:53

element-ui el-table 可编辑数据的el-form表单校验。

使用vue.js、element-ui开发前段的过程中，业务需求，需要实现el-table可动态添加、修改、删除数据。同时保存数据时需要使用el-form自带的校验功能校验数据的正确性。
football98·2020-06-23 08:26

window系统下安装element-ui：Vue下面安装Element 的详细步骤（附测试案例）

找了很多文章今天才安装成功，汗颜！！！！！！因为其他人版本都比较老，我安装的版本比较新，操作上可能已经不一样了，附上截图，便于大家参考，一起学习交流新版的确实资料很少，再次提示大家要有耐心！！！！！前提：先安装nodejs，vue脚手架Vue-cli我安装的nodejs是node-v10.15.1-x64.msi，相关nodejs安装步骤可以参考网上其他资料然后进入cmd界面安装Vue-cliVu
极客威·2020-06-23 08:15

vue + element-ui 简单的入门小例子——todolist

todolist/*#FBFBFB#B9E1DC#F38181#756C83*/#app{font-family:"HelveticaNeue",Helvetica,"PingFangSC","HiraginoSansGB","MicrosoftYaHei","微软雅黑",Arial,sans-serif;color:#756C83;}.el-header{text-align:center;}.
拿破轮·2020-06-23 07:26

el-select是否可以改按钮的颜色？

el-select属于element-ui的标签，需要打开开发者工具，选择这个el-select的样式后看是哪个内部的class，然后对这个内部的class来进行修改。
fefecoming·2020-06-23 07:48

Element-Ui组件 Message 消息提示, alert 弹窗

this.$message({type:'success',message:'xxx'})组件{{mainTitle}}import{mpGetters}fro'vuex'//import...exportdefault{name:'xxx',components:{/*...*/},created:function(){},data(){return{inputContent:'',isCrea
fareast_mzh·2020-06-23 07:38

Element-ui实现左侧二级导航

这里使用的Element文档版本是2.13.1。路由文件index.js：importVuefrom'vue'importRouterfrom'vue-router'importFormfrom'@/components/Form'importDatafrom'@/components/Data'importRadiofrom'@/components/Radio'importCheckboxfr
duansamve·2020-06-23 05:40

element-ui tree组件全部展开和全部折叠

之前有文章https://blog.csdn.net/qq_36120342/article/details/102455591介绍如何实现Element-UI的菜单全部展开或全部关闭，但是这篇文章介绍的方法还额外需要未整理的树状原始数据
dongzhiyu·2020-06-23 05:23

element-ui关于el-select的下拉框选项中出现“无匹配数据”问题分析及解决办法

最近的项目前端用到vue+elementui框架，在使用过程中遇到很多问题，在后几篇文章中会一一列出，有解决的，有没解决的。先说关于select下拉框的问题：（项目原因无法截图）具体现象是在某个下拉框下面会在显示完所有的下拉选项后出现一个额外的下拉框，里面显示“无匹配数据”。先说一下问题原因：在你选中一个下拉选项后，由于功能需要更新了下拉框的option对应的值，并且你的select的v-mode
出现bug问题不大·2020-06-23 05:41
上一页 142 143 144 145 146 147 148 149 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他