js 敏感詞過濾

建立敏感詞庫，你想要屏蔽什么詞，就往你的敏感詞庫里面

 

 sensitiveWord就是敏感詞庫

然后就是vue使用js方法的必要操作

<template>
    <div>
        <el-col :span="6">
            <el-input
                    type="textarea"
                    :rows="10"
                    placeholder="請輸入內容"
                    v-model="textarea"
                    class="banDraw"
                    v-on:input="shield">
            </el-input>
        </el-col>
    </div>
</template>

<script>
    import {getSensitive} from '../../toolJS/SensitiveWords'
    export default {
        name: "sensitive",
        data() {
            return {
                textarea: ''
            }
        },
        methods:{
            shield(){
                var arrMg = getSensitive();
                var showContent = this.textarea;
                for (var i = 0; i < arrMg.length; i++) {
                    var r = new RegExp(arrMg[i], "ig");
                    showContent = showContent.replace(r, "*");
                }
                this.textarea = showContent;
            }
        }
    }
</script>

<style scoped>

</style>
最后就是給文本域綁定輸入時調用的方法（如果你不是vue項目，v-on:input="shield" 替換為oninput="shield()"）
ok，運行它：

 

 

 

因為敏感詞庫里面有傻逼，所以被屏蔽了，就像玩游戲罵人一樣，不過我這是直接在客戶端就執行了，不需要通過服務器。