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, '');
// 过滤输入的数字
},