必选项输入内容后红色星号消失

最新推荐文章于 2023-03-22 16:56:56 发布
最新推荐文章于 2023-03-22 16:56:56 发布
阅读量370 收藏 2
点赞数 1
分类专栏： 202108 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51937505/article/details/119320873
版权

html
在这里插入图片描述
用v-if给星号做一个判断，给输入框双向绑定一个事件。（当输入内容星号消失嘛）

cs
在这里插入图片描述

给isEmpty做了一个三元运算判断嘛，如果是就显示前面的属性，否就后。
js
在这里插入图片描述
星号样式先默认存在。
这边用到computed计算属性，computed有set和get两个值；在get里返回一个空值。然后在set设置里做判断。（其实我不太明白为什么要在get里返回一个空值）

菜鸟妙妙不妙
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
必填项的标签, 显示一个红色的星号"*"
Keep Fighting
03-07 5万+
想必每个数据对象都会有些必填项, 因此做了一个标签提示哪个是必填项.这个也是重写UI的, 不过和M2那个Label一样, 因为Label是透明的, 应该可以应用于各种L&F. import java.awt.Color;import java.awt.Graphics;import javax.swing.JComponent;import javax.swing.JLabel;i
使用CSS 给表单必选项添加星号的实现方法
09-27
在制作网页表单的时候，如果一个选项是必填的，通常会给选项添加一个星号，下面通过给大家分享使用CSS 给表单必选项添加星号的实现方法，需要的朋友参考下吧
为什么在终端下，输入密码连星号都不显示
dengpan0312的博客
08-20 319
在终端中输入字符后，正常情况下是echo进程把字符直接复制到屏幕上，这样子，你就可以看到你输入的是什么内容，但是输入密码时，echo进程关闭，所以，你看不到有任何字符输入的样子，星号也没 转载于:https://www.cnblogs.com/gal_tree/articles/1804965.html...
el-form-item中如何设置第一个el-input有红色星号后面的没有
fury的博客
03-22 767
/el-form-item>上面的代码请更改成：只有第一个有红色的星号进行校验，后面的就不再有红色的星号，不再校验了，请写代码。required: true, message: '通知邮箱不能为空', trigger: 'blur'条件渲染来实现不同的校验和标记。重点：上面的 :rules进行了index的判断。:label="'通知邮箱' ">删除
Vue项目中elementUI表单部分验证validateField以及星号显示等问题
qq_44308109的博客
12-28 9229
一、红色必填星号 红色星号不显示，可能是没有正确填写prop和字段名称，检查一遍 有验证规则但不想加红色星号，可以在el-form标签上加 ：hide-required-asterisk=“true” 当没有添加验证规则，但又要加上红色星号，可以在el-form-item标签上加 ：required=“true” 二、填写后某些表单项仍然有错误提示，用validateField（prop）重新验证 <el-form :model="ruleForm" :rules="rules" re
element UI 表单组件必填项前的小红星控制
sinat_33255495的博客
12-21 7195
form 表单加验证 Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 <el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-inpu
Excel中输入身份证号后变成E+17格式的解决方法.docx
12-16
Excel 中输入身份证号后变成 E+17 格式的解决方法 Excel 是一个功能强大的电子表格软件，在我们日常工作中经常使用它来处理各种数据。但是，在输入身份证号时，Excel 有时候会自动将其识别为数字，并将其显示为...
扁平红色切换登录注册选项卡网页模板
01-22
扁平红色切换登录注册选项卡网页模板
jQuery鼠标经过选项卡内容切换代码.zip
07-11
jQuery鼠标经过选项卡内容切换代码是一款橙色的选项卡切换样式代码。
关于 Antd 的 Form.Item 嵌套时必填项红点(红星)无法渲染的问题
yiguoxiaohai的博客
11-05 7605
关于 Antd 的 Form.Item 嵌套时必填项红点(红星)无法渲染的问题 首先，如下图，嵌套的最层 Form.Item, 一般只有 label属性, 没有name 属性，故此一般无法使rule属性起效 常见的 Form.Item 嵌套结构如下： // 数据 const judgeData = [ { value: 1, label: '大于', }, { value: 0, label: '
BootStrap 表单必填项添加红星
热门推荐
06-30 11万+
#BootStrap 表单必填项添加红星 一.软件描述 BootStrap 3.0 html5 二.问题描述 有一个表单我需要标注其中的必填项，如何给表单中的必填项添加一个红星。 如下图 三.解决方案 写一个样式 /* 必填红点 */ .redStar::before { content: "*"; color: #f56c6c; margin-right: 4px; } 添加到对应的标签类中即可 <div class="form-g
CSS实现输入框必填项前/后 红色星号（*）提示
ITarmi的分享
04-24 3544
<style> .icon:before { content: '* '; color: red; } </style> <label class="icon">用户名:</label> <input type="text"/>
ant-desgin for vue 无法显示表单前必填前红色*号
灵感点滴的分享
08-10 4660
在表单规则中填写了required: true,之后，还无法显示红色星号。 需要查看最上层表单是否有hide-required-mark，如果有，删除掉之后，即可解决。
项目小记------element-ui el-form自定义规则rules，小红星却没有出现
a870017443的博客
05-31 1014
今天在写自定义必填项规则时发现，设置完前置必填项后，输入正确的值后，必填项没反应，没有出现小红星，表单标题也没有变红，后来发现，规则可用，但是标题就是没有变化， 像这样，公司项目，打马赛克。 然后网上找了一圈没有好的解决方法 最后发现是没有在data()里面定义rules: {}// 必填项检测这个东西！！！ 找到真相的我人都要裂开了 正确的是当我输入111时，上边栏应该变红加小红星 真，闭眼打键盘！！！ ...
el-form自定义规则rules——validate的使用 & 小红心不出现解决方案
weixin_44867717的博客
07-03 1万+
el-form
elementUI表单校验不显示小红星
Giraffe0615的博客
12-12 1026
elementUI表单校验不显示小红星
解决element-ui 自定义表单验证不显示小红星
G2022_LZG的博客
10-09 2114
解决element-ui 自定义表单验证不显示小红星
vue的input框设置输入后弹出选项
最新发布
06-11
自动完成组件可以在用户输入时弹出一个选项列表。您可以将这个组件放在您的输入框下面，当用户输入时弹出选项列表。 以下是一个简单的示例代码： ``` <li v-for="option in options" :key="option">{{ ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值