安全问题之特殊字符转义

为什么要特殊字符转义？？？

因为：为了安全性，如果用户在输入框中输入一个脚本例如<script src=‘xxx’/ > 直接回车就会在当前程序下执行这个脚本，造成的后果可想而知。

定义方法

在app.js下创建全局自定义指令’filterSpecialChar‘
Vue.directive('filterSpecialChar', {
  bind: function (v_el, {
    arg
  }) {
    let el = v_el.children[0];
    el.addEventListener("change", function () {
      let value = el.value;
      if (!value) {
        return false;
      }
      el.value = el.value.replace(/[`~!#$%^&*()_\-+=<>?:"{}|,/;'\\[\]·~！#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g, '').replace(/\s/g, "");
    })
  }
})

使用

   v-filterSpecialChar  找到输入框直接绑定这个方法即可