【VUE】限制输入特殊字符

请看代码?

<!-- 输入班课名 -->
      <div class="label_name">
        <van-field
          v-model="className"
          class="label_name"
          placeholder="班课名（必填）"
          clearable
          maxlength="20"
          type="text"
          @keyup.native="btKeyUp"
          @keydown.native="btKeyDown"
        />

// 只能输入汉字、英文、数字
    btKeyDown(e) {
      e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g, '')
    },
    // 限制输入特殊字符
    btKeyUp(e) {
      e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g, '')
    }

效果图?