elementUI MessageBox弹框 <el-dialog>弹框如果出现input的type属性为password。项目中用到日期组件的地方会报错...

最新推荐文章于 2023-09-06 19:27:38 发布
最新推荐文章于 2023-09-06 19:27:38 发布
阅读量2.5k 收藏
点赞数
文章标签： javascript ui ViewUI
原文链接：http://www.cnblogs.com/wangmaoling/p/8610430.html
版权

ElementUI：项目中如果用到MessageBox弹框的输入框input且type为password，以及用到<el-dialog>里面用到input且type为password。此时如果项目中也使用了 时间日期选择组件则会出现如下情况：

凡是当前显示页面使用日期的地方报此错误。因为password是不可能不加的，所以解决这个问题只能强制给日期选择器加一个ID并且不同日期选择控件加不同的ID

错误出现诱因：

诱因1：MessageBox弹框的输入框input且type为password

诱因2：<el-dialog>里面用到input且type为password

转载于:https://www.cnblogs.com/wangmaoling/p/8610430.html

weixin_34290352
关注
element $prompt 输入类型密码_贪心学院第一个主题项目代码：情报密码锁
weixin_39815410的博客
12-28 292
1、英文输入一段话，输出加解密的结果。# 情报密码锁 # 输入一段话，英文。 ''' 加密规则： 如下字母行相差13个字符位置 大写，65开始，90结束 小写，97开始，122结束 97 110 122 abcdefghijklm n opqrstuvwxyz nopqrstuvwxyzabcdefghijklm 65 78 ...
vue+elementUI MessageBox 弹框自定义弹窗样式
weixin_43829905的博客
03-21 2859
vue+elementUI MessageBox 弹框自定义弹窗样式vue+elementUI MessageBox 弹框自定义弹窗样式 vue+elementUI MessageBox 弹框自定义弹窗样式 效果： 代码： beforeRouteLeave(to, from, next) { // 监听路由离开时弹出弹窗是否需要保存资料的功能 const h = this.$createElement; setTimeout(() => { // 这里加个定时器可以避
框架elmentUi 中 $msgbox （MessageBox 弹框）
加金开发
08-09 3706
自定义：框架elmentUi 中 $msgbox （MessageBox 弹框） 在$msgbox 中操作！
MessageBox弹出框中加入DatePicker日期选择器
wlijun_0808的博客
07-21 1446
MessageBox弹出框中加入DatePicker日期选择器
python messagebox 自定义_使用Element-ui组件中MessageBox组件中自定义消息message中使用input输入框怎么绑定state中的值...
weixin_39989384的博客
12-20 1077
记录下解决的办法：const h = this.$createElement;let that = this;this.$msgbox({title: "扫码",message: h("div", null, [h("el-input", null, that.inputValue),h("input", {style: {marginTop: "20px"},attrs: { value: th...
elementUI-MessageBox 弹框之$prompt
若末lan的博客
05-16 5562
输入框的类型 默认text, 文档比较简洁没有列举其他的type，其实input的type有很多，比如file，date，比如这里我写的textarea也是OK的；2.inputValidator 输入框的校验函数。val)return '放弃原因必填'},之前写都没有记录，今天记录一下，文档上没有写的关于$prompt内容提交的校验。
Element-ui 修改MessageBox.prompt弹框中input的默认值
qq_61922728的博客
09-27 4524
第一种方式：MessageBox.prompt(' ', '修改用户名', {inputValue: '这里设置默认值'}).then(({ value, action }) => {}) 第二种方式：MessageBox.prompt(' ', '修改用户名', {inputPlaceholder: '这里设置默认值'}).then(({ value, action }) => {}) ...
el-dialog中点击弹框外的区域不关闭弹窗
m0_51830650的博客
05-10 5420
1、设置dialogde elementUi在对Dialog组件做初始化的时候，默认让该Dialog在点击组件以外区域会导致该组件关闭， Dialog下有个‘close-on-click-modal’属性，该属性默认值为‘True’，作用为：是否可以通过点击 modal 关闭 Dialog。 所以，通过设置Dialog下的close-on-click-modal属性为‘false’，即可解决该问题。 :close-on-click-modal ="false" 2、完整示例代码 <el-dialog
elementui el-dialog的一个小坑
lj872224的博客
03-13 9586
&lt;el-dialog title="编辑库存" :visible.sync="dialogFormVisible"&gt; &lt;div style="border-bottom:1px solid #E6E6E6;width:100%;margin-top:-20px;"&gt;&lt;/div&gt; ...
Element MessageBox弹框的具体使用
10-15
Element MessageBox是Element UI中的一个弹框组件，用于展示重要信息、询问用户或者接收用户输入等。 在标题“Element MessageBox弹框的具体使用”中，主要的知识点包括了Element MessageBox的多种使用场景和对应的...
html messagebox确定取消,提示组件 - MessageBox 弹框 - 《ElementUI v2.15 使用手册》 - 书栈网 · BookStack...
weixin_39870700的博客
06-20 1343
MessageBox 弹框模拟系统的消息提示框而实现的一套模态对话框组件，用于消息提示、确认消息和提交内容。从场景上说，MessageBox 的作用是美化系统自带的 alert、confirm 和 prompt，因此适合展示较为简单的内容。如果需要弹出较为复杂的内容，请使用 Dialog。消息提示当用户进行操作时会被触发，该对话框中断用户操作，直到用户确认知晓后才可关闭。调用$alert方法即可打...
Element-Ui中MessageBox弹框提交内容与确认消息的使用方法
小柠檬爱编程
12-16 7586
js: mod(row) { this.$prompt("请输入公司名称", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", inputValue: row.company_name, inputPattern: /\S/, inputErrorMessage: "公司名称不能为空" }) .then(({ value..
获取 Element-ui的 msgbox 填写的值
qq_36493878的博客
09-08 1133
最近做了一个需求，需要弹出一个 message box， 其中 msgbox 里包含一个输入框，输入框要填写内容，点击确认后要拿到这个输入的值。 // 这个函数返回一个 promise，该promise如果resolve会拿到输入的值。 function addDescription() { const h = this.$createElement; let desc = ''; // 这里保存输入的值 return new Promise(resolve =&.
element ui 在dialog里嵌套使用MessageBox，MessageBox被遮挡
wang_xiao_ye的博客
12-26 690
原因：element ui 默认给$message消息弹框动态添加的z-index值比对dialog小，可控制台具体查看。2、给message设置自定义样式customClass，将z-index设为3000。1、dialog增加属性：z-index=“1000”
element-ui $prompt输入弹框和$confirm确认弹框用法--输入框默认值、校验、阻止关闭等问题
热门推荐
facing-screen's blog
09-02 4万+
element-ui $prompt输入框弹窗用法 实例： this.$prompt('请输入文件夹名称：','提示',{ confirmButtonText: '确定', cancelButtonText: '取消' }).then(({value}) => { console.log(value); utils.aja
elementUI中messageBox自定义展示内容
eqizhihui的博客
09-06 1665
前提：使用了elementui中提交内容的MessageBox弹窗，但需要在弹窗上加上一个记住邮箱的元素，且需要与后台对接。拿到需求时我都不知道要怎么插元素进去，看了文档可以在message属性定义，于是就看了一些帖子，get到了新知识。
vue：弹框
洪君的博客
05-25 960
vue第九课 <el-image :src="kingico" @click="isshow()" ></el-image> 图片框 <el-row> <el-col :span="2" v-if="show" ...
element的el-dialog弹窗写了输入框el-input,使用clearable后出现两个icon叉
kekexiaomayi的博客
10-28 1225
element的
vue项目elements Plus 中el-dialog弹窗中日期选择器遮罩层问题
rikimiao的博客
06-14 2519
elemments ui中el-dialog弹窗框遮罩层问题
Element-ui 修改MessageBox.prompt弹框中input的高度
最新发布
10-31
Element UI 的 `MessageBox.prompt` 弹框中的输入框高度默认是由其内部组件决定的，如果你想自定义这个高度，可以通过传递一个包含 CSS 类名的对象到 `inputOptions` 属性来进行样式修改。例如： ```javascript ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值