##element-ui

关于element-ui表格table设置header-cell-class-name样式不起作用的原因分析

在编写表格的时候想给表头添加样式，使用header-cell-class-name怎么都添加不上样式，检查元素发现连class都没添加上，查了很多资料有人说element之前版本不支持这属性，但我使用的并不是之前的版本啊，有人说是添加scoped的原因，去掉之后确实可以了，但我还是想添加scoped,所以我修改之后是：.el-table>>>.headerColorbackgroundredexp
weixin_30305735·2020-07-05 20:03

element-ui:非v-model绑定的自身属性的form表单验证

场景还原:在el-form-item上绑定的验证并不是el-form-item里面的v-model,而是经过换算的值code:{{item.label}}data:dialogFeedback:{stt:false,quesTypeCodes:[],quesType:'',memo:'',name:'',phone:'',storePic:[],editable:false},js//问题类型ch
webfullstack·2020-07-05 20:35

vue项目使用element-ui如何自使用不同设备的屏幕

使用vue-cli脚手架搭建项目，并且使用第三方的UI库（比如vant，mintui）的时候，因为第三方库用的都是用px单位，无法使用rem适配不同设备的屏幕。1、安装插件npminstallpx2rem-loader--save-dev2、修改配置文件在build的utils.js文件里面添加如下配置信息//自适应各类屏幕varpx2remLoader={loader:'px2rem-loade
tian_jiangnan·2020-07-05 14:10

Vue项目查看当前使用的elementUI版本

直接引入是从外网引入，每次加载都是读取外部网站，我们大部分开发者可能使用的是npm安装的方式，采用这种方式引入的时候，elementUI会保存在vue项目下的node_modules文件夹中，找到element-ui
潇I洒·2020-07-05 14:03

element-ui中message弹框提示的使用

element-ui中message弹框提示的使用1.按需导入的element-ui中的messageimport{Message}from'element-ui'2.进行全局挂载：方便直接使用this
super-c·2020-07-05 13:38

Vue+Element UI封装Axios请求，支持PayLoad、Form Data两种方式

importAxiosfrom'axios'importqsfrom'qs'import{Message,Loading}from'element-ui';letloading;//定义loading变量
sunct·2020-07-05 13:08

解决element-ui侧边菜单栏高度占满屏幕

前端小白第一份博客上线element-ui最近写项目，有一个界面用elementNavMenu导航菜单写了侧边栏，如图可以发现这个侧边栏（红色区域）的高度，是动态的，也就是说它是根据接口返回的数据长度来显示的
渔舟唱晚star·2020-07-05 13:32

Element-Ui组件（三）Button 按钮

Element-Ui组件（三）Button按钮本文参考Element官方文档：http://element-cn.eleme.io/#/zh-CN/component基础用法el-button经常与icon
究极死胖兽·2020-07-05 13:58

Element-Ui组件（四）Link 文字链接

Element-Ui组件（四）Link文字链接本文参考Element官方文档：http://element-cn.eleme.io/#/zh-CN/component基础用法el-link比较简单，用法与
究极死胖兽·2020-07-05 13:58

Element-Ui组件（八）Input 输入框

Element-Ui组件（八）Input输入框本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/input基础用法带图标的输入框
究极死胖兽·2020-07-05 13:27

Element-Ui组件（六）Radio 单选框

Element-Ui组件（六）Radio单选框本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/radio基础用法单选框组备选项备选项备选项按钮形式的单选框组
究极死胖兽·2020-07-05 13:27

vue——动态控制表格列的显示和隐藏

1.HTML部分（elemen-ui）：(1)通过v-if="colData[0].istrue"，来判断表格列的状态(2)@header-contextmenu是element-ui的table组件提供的事件
景严·2020-07-05 10:17

基于Vue和element封装通用axios

/store/index'import{Message}from'element-ui'importrouterfrom'../route
马小明啊·2020-07-05 10:35

自定义vue的UI组件库

学完vue使用了element-ui有没有想自己封装一个ui库不求多好看，只求学习一个技能或者一个知识点，那我可以帮到你，如果你喜欢请点个赞再走吧。
刘勇大三入门前端·2020-07-05 09:35

前端---数据可视化

数据可视化技术运用:vue+echarts前期遇到的问题:之前对可视化的东西不太了解,在刚做起来的时候踩了不少坑创建表格,这里是用的echarts//element-ui日期组件至//表格的位置data
修仙之路·2020-07-05 09:06

结合element-UI封装使用axios

server.js文件importaxiosfrom"axios";importstorefrom'@/store'//引入store管理import{Message}from'element-ui'/
浅听记忆2·2020-07-05 08:50

Element-ui使用msgbox时，向msgbox组件中传值

在使用vue和element-ui做一个页面，在做数据回显的时候出现了一个问题。有些值需要传入到子组件中。具体办法就是在msgbox选项中添加一个属性。然后在子组件中使用this.
gufyang·2020-07-05 07:02

解决element-ui中container容器布局的问题

根据项目需求，我要得是这种效果：根据官方文档，代码如下：HeaderAsideMain我的布局如下：我的布局得到效果是：只有Header部分，Aside和Main部分都不见了。后来通过查阅官方文档，发现：封装成组件后，el-container中没有el-footer或el-header，导致子元素排列方向默认为horizontal。解决方法有两种：1.加上direction="vertical"2
Charis-Cai·2020-07-05 06:13

构建个人组件库，类似Element-ui使用方式，vue confirm公共弹框组件

我们在引入Element-ui的时候有看到这种使用Vue.use()的用法，然后element-ui里所有的组件我们都可以全局使用，这到底是怎么做到的呢，下面我以一个公共弹框组件为例，说一说我的写法，仅供参考
飞歌Fly·2020-07-05 05:34

vue项目中axios的封装

importaxiosfrom'axios'import{Message}from'element-ui'axios.interceptors.request.use(config=>{returnconfig
baby加油_·2020-07-05 05:08

element ui 弹窗遮罩层在弹出层的上面。点击关闭弹窗弹窗关闭了但是遮罩层没关

首先查看官网的element-ui的el-dialog的一些属性首先想到是遮罩层的问题所以试了一下在解析的弹窗上加上:modal-append-to-body="false"看效果是我们最终想要的。
夏天想·2020-07-05 05:47

vue中element-ui组件的使用

设计师和产品经理准备的基于Vue2.0的桌面端组件库（1）通过npm安装：npminstallelement-ui--save-dev（2）完整引入，全局配置：在main.js中引入：importElementfrom'element-ui'import'element-ui
yumihe·2020-07-05 04:25

element-ui的el-date-picker组件设置了默认日期和格式化串但提交没有格式化

####案发现场：1、el-date-picker日期控件，设置了日期的格式value-format=“yyyy-MM-dd”2、regDateBeg参数设置默认值regDateBeg:newDate(),varfaiSearchObj=newVue({el:'.fai-payRecord-search',data:{form:{regDateBeg:newDate(),//这个日期参数...(其
markix·2020-07-05 04:07

Element-ui表格的列隐藏显示会使表格头数据错乱或者表格头样式变大

在使用Element-ui框架的时候，相信过多的人会遇到一系列不属于技术范围的问题，甚至都没见到过，其实这类问题解决起来也是很好解决的。只需要用心再看一遍框架就好。
赵小左·2020-07-05 04:42

element-ui 按需引入配置

babel.config.js​​​​​​​module.exports={presets:['@vue/app',['@babel/preset-env',{modules:false}]],plugins:[['component',{libraryName:'element-ui
qq_23876873·2020-07-05 03:24

02 element-ui源码思路 el-notification

用法特殊性，这类组件不需要在父组件‘template’中引用。可以直接调用。this.$notify({title:'提示',message:'这是一条不会自动关闭的消息',duration:0});1.显示出弹窗main.js文件//1.main.vue是弹出框的组件importMainfrom'./main.vue';//2.继承得到main.vue的构造器。Vue.extend用法见vue文
qq_23876873·2020-07-05 03:24

01 element-ui源码思路 el-button

1.css样式的一种解耦的写法以type为例，type有多种值，最中这值会反应到css上。在整个实现思路中没有出现ifelse的判断主要按钮成功按钮信息按钮警告按钮危险按钮el-button中props定义的变量props:{//主题类型primary/success/warning/danger/info/texttype:{type:String,default:'default'},}cla
qq_23876873·2020-07-05 03:24

vue element-ui的form表单校验总结，动态校验、自定义校验（用正则校验手机号码、数字、url、中文）

写了一段时间的vue，前端用了element-ui，经常会用到from表单，总结一下form表单的校验，以及遇到过的问题。
新林。·2020-07-05 03:22

原生JS 实现框选功能（Vue）

效果分析该过程，可拆分成两个步骤：鼠标框选一段区域判断框选区域包含的checkbox，进行对应处理HTML和CSS布局该布局基于element-ui，一个父容器box，里面一个maskdiv，一个el-checkbox-group
小豪·2020-07-05 01:42

el-transfer组件自定义左右列表宽度

el-transfer组件自定义左右列表宽度我们知道element-ui是自带样式的，但是有时候我们需要覆盖掉它们自带的样式，比如自定义el-transfer列表宽度1首先打开后台信息，看看自己想要修改的样式的类
出于蓝·2020-07-05 01:34

element-ui中table表头添加元素（或者图标）

实现功能：element-uitable表头开始单元格添加元素。直接上代码：html//...这里面是其余的代码jsmounted(){this.setLabel();},setLabel(){let_this=this;this.$nextTick(()=>{letcellDiv=document.getElementsByClassName('celluse')[0]cellDiv.setAt
mhbsoft·2020-07-05 00:16

element全局设置按钮组件size

该对象目前支持size与zIndex字段Vue.use(ElementUI,{size:'small',zIndex:3000})importVuefrom'vue'importElementUIfrom'element-ui'import'element-ui
紫诺花开·2020-07-05 00:00

[VUE | UI组件] 图片预览

效果图依赖1.使用element-ui中的icon(可自行修改)2.file-saver.js功能支持拖拽、放大缩小、上一张、下一张、点击百分比复位。
ljw1412·2020-07-04 22:26

elementUI简单应用以及nodeJs配置

elementUIElementUI简介：我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui
浩梦溪·2020-07-04 17:33

使用element-ui中的el-upload组件时携带其他参数

//停止文件自动上传模式选取文件data中exportdefault{data(){uploadData:{name:this.$parent.name}//name为java后台需要接收的数据，this.$parent.name则是获取父组件的name}}
朝如青丝暮成秃·2020-07-04 16:00

2019-02-25 element-ui tree问题，设置默认选中的节点。点击的时候把获取的节点给后台。（默认选中ztree节点，并且子节点可以选中一个或者2个）

1.先把要选中的节点id取出来放数组里面3.在data里面设置一个resourceCheckedKey:[]data(){return{menuData:[],resourceCheckedKey:[],defaultProps:{label:'name',children:'children'}}},4.that.$refs.tree.setChecked(value,true,false)--
流泪手心_521·2020-07-04 15:50

element-ui源码修改笔记

前几天时间给element-ui提了一个问题，结果没有鸟我，没办法，只能修改源码来满足需求了本文讨论的组件属性仅限于list-type='picture-card'现在的问题是这样的：element-ui
923ab4dad59c·2020-07-04 15:13

Nuxt配置Element-UI按需引入方法

Nuxt使用create-nuxt-app创建项目时，选择使用Element-UI为默认组件库，发现Nuxt没有开启Element-UI的按需引入配置，需要自行配置。
雨霖月寒·2020-07-04 15:00

Nuxt配置Element-UI按需引入方法

Nuxt使用create-nuxt-app创建项目时，选择使用Element-UI为默认组件库，发现Nuxt没有开启Element-UI的按需引入配置，需要自行配置。
雨霖月寒·2020-07-04 15:00

vue父组件传值给子组件在element-UI select，input不渲染问题

//渲染改变值的地方//接受到父组件的值props:{value:Boolean,showFlag:Boolean,row:{type:Object,default:function(){return{}}}},//方法改变changeReason(data){this.$set(this.approvalForm,'reason',data)//改值this.$forceUpdate()//强制
承诺之美·2020-07-04 12:40

Echarts 图表大小自适应浏览器窗口缩放

最近使用element-ui做的后台管理要求嵌入图表功能,其实element-ui嵌入图表很简单,但是问题来了.开发场景是:页面上有多个图表,当我调整浏览器窗口大小的时候,发现图表并不会根据浏览器窗口大小而进行调整
bhq1711617151·2020-07-04 12:46

SPA项目值跨域开发之登录

.测试1.Vue的登录功能实现1.1使用vue-cli脚手架工具创建一个vue项目vueinitwebpack项目名1.2npm安装elementUInpminstallelement-ui-S#安装element-ui
张润红·2020-07-04 09:43

ELEMENT UI换肤

目前element-ui版本已到2.6.3但是官方提供的element-theme针对的2.0.1的换肤导致element-ui用的2.6.3但是css却是2.0.1的样式解决方法修改element-theme
乐观的钻头·2020-07-04 09:23

element-ui中动态表单组件的数据绑定注意点

......第{{index+1}}件商品%价格............volumeDiscountInfo:{discounts:[{reduction:''}]}动态生成表单时，要注意v-for中循环的对象数组要来自于el-form中的v-model;el-form-item上的:prop、el-form-item内的v-model和data中的字段必须一致，因为prop是使用rules里的规
Lykeios·2020-07-04 06:30

element-ui Table自适应

场景描述：在一个宽高自适应的容器内引入Table组件，容器的宽度和高度不定，需要Table的宽和高随容器大小变化而变化，容器过小时，表格出现滚动条；解决思路：element-ui的Table组件默认宽度
Beamon__·2020-07-04 04:18

项目初始化及文件配置-黑马头条PC

登录欢迎页面内容管理素材管理发布文章评论管理粉丝管理个人设置02-项目-准备工作vue基础vue-router路由vue-cli脚手架axios请求后台服务在外网api文档element-ui用户界面组件库但是有自己样式风格
viceen·2020-07-04 03:24

Vue-axios封装(element)

第一步:在src目录下创建http.jsimportaxiosfrom'axios';import{Message,Loading}from'element-ui';importrouterfrom'.
_勤勤恳恳·2020-07-04 01:20

SPA项目开发之登录注册

SPA项目开发之登录注册1.vue怎么引入和配置使用element-ui框架:1.1使用vue-cli脚手架工具创建一个vue项目vueinitwebpackpro011.2npm安装elementUIcdpro01
浩梦溪·2020-07-04 00:23

elementUI分页组件国际化

以我的项目为例语言文件夹下index.js文件中代码如下：importelementEnLocalefrom'element-ui/lib/locale/lang/en';//element-uilangimportelementZhLocalefrom'element-ui
水瓶紫罗兰·2020-07-02 17:46

element-ui 弹窗复制链接下载码

{dialogVisible=false;}">路径地址复制下载小程序码importClipboardfrom'clipboard';exportdefault{data(){return{dialogVisible:false,codeData:{}}},props:{},methods:{showDialog(data){this.dialogVisible=true;this.codeDat
红孩儿2011·2020-07-02 17:22
上一页 128 129 130 131 132 133 134 135 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他