VUE全局校验特殊符号（正则）

1、在vue项目中创建一个directive文件夹，在创建一个子文件夹input filters，创建两个js文件(index、inputfilter);

index.js:

inputfilter.js:

在main.js中引入

import inputfilters from './directive/inputfilters'
Vue.use(inputfilters)
在页面中使用：
 
<el-form-item label="服务器名称">
        <el-input 
          v-model="queryParams.serverName"
          placeholder="请输入服务器名称"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
          v-input-filter:special
      </el-form-item>
这样就可以了。
                                    局组件和局部组件
1.先定义组件   Vue.component(‘组件名’, { 组件模板对象 })
注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写
例如: 组件–>mtText   使用时–>   <my></my>
2.配置组件的模板  注意: 组件的模板内容有且只有一个根元素
3.在视图层里调用 ,用双标签
4.组件是一个独立的作用域, 也可以看成一个特殊的vue实例, 可以有data, methods,computed等等
注意: 组件的data是函数, 函数中需要返回一个对象作为组件的data
全局组件案例
     JavaScript利用正则表达式过滤特殊字符，关键之处是正则表达式的正确性和完整性，保证常见特殊字符都可以过滤掉。
      但是，这个正则表达式有一个弊端，不能过滤掉“\”特殊字符。
regDemo:function (even) { 
	// 规则对象(flag)
	var flag = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<&g...
  data() {
	let validateInput = (rule, value, callback) => {
	      if (!this.checkSpecialKey(value)) {
	        callback(new Error("不能含有特殊字符！！")
                                    【代码】vue3中，form表单校验之特殊字符校验、手机号、身份证号、百分制数字 & route和router的写法 & setup的两种用法 & rules中校验之blur和change。
2、不能包含特殊字符
var pattern = new RegExp(
"[`~!@#KaTeX parse error: Expected group after '^' at position 1: ^̲&*(...