根据具体位置将敏感字替换成红色,敏感字标红
☕敏感字标红逻辑:
因为在输入框input中的value没有办法改变其中某些字的颜色,要么只能通过style样式全部换成红色。
所以这里采用的是用一个div直接覆盖在input输入框上面,条件判断,是否存在敏感字。
如果存在敏感字,就将对应位置的敏感字标红,并将其赋到div里面,然后让div显示在input上面。input隐藏
如果不存在,就直接通过审核。
☕敏感字标红实例:
⚡输入文本:提交审核检测
⚡提交审核检测,敏感字标红
☕前端的页面样式:
<div class="mt15" style="margin-left: 29px;">
<label class="fl SMScontent">短信内容 </label>
<span class="ml20">
<a-textarea
class="mr15 text-area"
:subfield="false"
:autofocus="false"
v-model="SMScontent"
ref="md"
@input="riseInput"
v-show="errorcontent"
></a-textarea>
</span>