フロントエンドはフィルターをどのように使用して ID カード番号の数字を置き換えますか

---

序文

実際のプロジェクトでは、IDカード番号、携帯電話番号、名前、メールアドレスなど、完全な表示に適していない情報も表示されます。したがって、プログラマは情報を置き換える必要があります。

---

提示：以下是本篇文章正文内容，下面案例可供参考

1. 例

コード例:

<el-table-column
	prop="identityCard"
	label="身份证号"
	align="center"
	>
		<template slot-scope="scope">
			{
    
    {
    
    scope.row.identityCard | desensityIdCard}}
		</template>
	</el-table-column>

	<script>
	export default {
    
    
		filters: {
    
    
    		desensityIdCard(str) {
    
    
      		if (null != str && str != undefined) {
    
    
        		var pat = /(\d{4})\d*(\d{4})/;
        		return str.replace(pat, '$1***********$2');
      		} else {
    
    
		        return '';
      		}
    	  }
  	   },
	}
   </script>

結果を示す：

やっと

これで共有コンテンツは終わりです。役に立った場合は、高評価をお願いします。！！