安全問題之特殊字符轉義

爲什麼要特殊字符轉義？？？

因爲：爲了安全性，如果用戶在輸入框中輸入一個腳本例如<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  找到輸入框直接綁定這個方法即可