正则限制表情输入

vant中:
可以采用watch方式:

watch:{
  'item.remark':function(v) { 
  //第一种方法:基本可以屏蔽全部表情,同时也无法输入标点符号之类
  //  v = v.replace(/[^a-z0-9A-Z\u4e00-\u9fa5()()\\-]+/g, '').replace(/\s/g, "");
  //在下列打省略号的位置可以任意输入你不想限制的符号,/[^a-z0-9A-Z\u4e00-\u9fa5()()……………………………… - \s ]+/g, ''), 比如: v = v.replace(/[^a-z0-9A-Z\u4e00-\u9fa5()()***\\ , , 。. ! !? ? / —— … …… ~*** - \s ]+/g, '').replace(/\s/g, ""); 
  //第二种方法:可以屏蔽基本所有表情,同时也可以输入标点符号之类
  		let reg = /[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g;
 		v = v && v.replace(reg, '');
		this.item.remark = v
   },
 },

或者formatter

<van-cell>
  <!-- 使用 title 插槽来自定义标题 -->
  	<template #title>
    	<img src="@/common/imgs/twodot.webp" alt="" style="width:26px;padding:0 5px 4px 0">
    	<span class="custom-title" style="font-size: 16px;font-weight: 600;">项目<span>{
   
   {index + 1}}</span></span>
  	</template>
  	<template #right-icon v-if="index>0">
    	<span>
      		<span><img src="@/common/imgs/shanchu.png" alt="" style="width:22px;padding:0 5px 4px 0">
      		</span>
    		<span style="font-size: 16px;font-weight: 600;" @click="deleteProject(item,index)">删除
    		</span>
    	</span>
	</template>
</van-cell>
 formatterss(value) {
        let reg = /[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g;
        return value.replace(reg, '');
        // 过滤输入的数字
  },

猜你喜欢

转载自blog.csdn.net/weixin_45121510/article/details/109067050
今日推荐