【vue】屏蔽敏感词，不使用算法的简单方法

发布时间：2020-12-16 23:05:20 所属栏目：百科来源：网络整理

导读：!DOCTYPE htmlhtmlhead meta charset= " utf-8 " titleVue 测试实例/title style .class1 { background: # 444; color: eee; } /style script src= https://unpkg.com/vue/dist/vue.js " /script/headbodydiv id= app " input type="text" v-model="textss"

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue 测试实例</title>
    <style>
        .class1 {
            background: #444;
            color: eee;
        }
    </style>
    <script src=https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id=app">
 
    <input type="text" v-model="textss">
    <!--<button @click="sub">提交</button>-->


</div>

<script>
    var vm = new Vue({
        el: '#app',data: {
        
            textss:"" 监听属性
        watch:{
          

             textss(old_data,new_data){
             
        
                 if (old_data.search("逼") != -1 || old_data.search("你") != -1){
                   
                     var text = old_data.slice(0,-1);
                     var text_c = text + "*"
                     this.textss = text_c
                     
                }
               
            },

        },})
</script>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!