社区
JavaScript
帖子详情
怎样隐藏el-input
aierda
2020-04-20 05:07:13
el-input是饿了么UI的input控件
出于某种需要,对某些el-input控件要进行隐藏处理,但是el-input并
没有id,class属性,所以没有办法在css中对它进行隐藏操作.
请教各位,怎样才能隐藏el-input控件呢,我试过直接对el-input加上
style属性,设置style="display:none"也不行
...全文
9080
5
打赏
收藏
怎样隐藏el-input
el-input是饿了么UI的input控件 出于某种需要,对某些el-input控件要进行隐藏处理,但是el-input并 没有id,class属性,所以没有办法在css中对它进行隐藏操作. 请教各位,怎样才能隐藏el-input控件呢,我试过直接对el-input加上 style属性,设置style="display:none"也不行
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
aierda
2020-04-28
打赏
举报
回复
参考了各位的建议,已经实现了.谢谢!
前端_小菜鸟
2020-04-21
打赏
举报
回复
老哥,你是不是没有用过vue指令,v-if可以销毁挂载dom元素,v-show可以控制dom的显示隐藏
jio可
2020-04-20
打赏
举报
回复
1
只是隐藏给需要隐藏的dom 加上v-show="false",如果是页面上不显示就加上v-if="false" false也可以是变量,表达式,函数
河南棒小伙
2020-04-20
打赏
举报
回复
有使用vue吗?如果有使用vue,可以直接给el-input加上v-if=‘condition’,让其隐藏直接,this.conditioin=false,搞定。如果没有使用vue,那就只能通过渲染之后的div.el-input来获取元素进行操作了
仰望星空的代码
2020-04-20
打赏
举报
回复
el-input组件在页面上渲染出来的是<div class="el-input">....</div>
El
ement
el
-
input
输入框详解
1. 用途 输入框是使用非常多的元素,用来输入用户名、密码等等信息。
El
ement提供了功能和样式丰富的输入框,本篇就来了解下。 2. 输入框 输入框为
el
-
input
,其编译后生成的HTML元素为
input
,样式class中包含
el
-
input
,所以我们首先设定下统一样式,便于演示。 .
el
-
input
{ width: 200px; } 2.1 输入框基本功能 输入框可以与js变量双向绑定,代码为: 输入框基本功能:双向绑定 <
el
-
input
v-mod
el
="
input
1
el
-
input
中的
el
-
input
__suffix行高问题
在使用
el
-
el
ement开发时,使用到了
el
-
input
组件,添加了clearable属性,由于业务要求更改了样式,但问题出来了,
el
-
input
默认的高度是40px,我这里改成了32px,外表看起来没啥问题,但将光标移到
el
-
input
上面并输入一些内容,出现
el
-
input
__suffix图标,会发现它的行高有点偏下。
el
-
input
在这里的高度是32px,我希望
el
-
input
__suffix图标的行高也是32px,这样看起来就要对齐一些。可是从控制台定位不到这个元素,因为鼠标一移开,它就消失。
Web前端-Vue
El
ementUI
el
-
input
组件绑定点击事件
1、
el
ement中
el
-
input
组件事件 <
el
-
input
v-mod
el
="value" v-on:change="handleChange"></
el
-
input
> <
el
-
input
v-mod
el
="value" @change="handleChange"></
el
-
input
> <
el
-
input
v-mod
el
="value" v-on:
input
="handleChange"></
el
-
input
> <
Vue的v-focus无法聚焦
el
-
input
,及
el
-
input
无法输入的问题
文章目录 1、正常聚焦 <
input
type="text" v-focus/> 2、
el
-
input
聚焦失败 <
el
-
input
type="text" v-focus ></
el
-
input
> 3、
el
-
input
聚焦成功 <
el
-
input
type="text" v-focus ></
el
-
input
> directives: { focus: { // 指令的定义 inserted: functio
el
-
input
只能填写数字/
el
-
input
只能填写字母/
el
-
input
只能填写中文/
el
-
input
只能填写英文/
el
-
input
只能填写标点符号/正则表达式大全
【代码】
el
-
input
只能填写数字/
el
-
input
只能填写字母/
el
-
input
只能填写中文/
el
-
input
只能填写英文/
el
-
input
只能填写标点符号/正则表达式大全。
JavaScript
87,923
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章