技術標籤：技術棧-語言-大前端vuerulesvalidate

文章目錄

• • • 報錯全稱
    • 程式碼
    • 疑似產生的原因
    • 彎路、坑
    • 分析
    • 解決方案
    • 領悟
    • 關於

報錯全稱

一個低階錯誤

未填寫表單，但是rules並沒有攔截

程式碼

		rules: {
        remark: [
          { required: true, message: "說明不能為空", trigger: "blur" }
        ],
        data: [{ required: true, trigger: 'blur', validator: validateData }
 
]
      }
        ... ...
        點選確定
		invokeAPI(JSON.stringify(this.data)).then(res => {
		... ...

疑似產生的原因

彎路、坑

分析

解決方案

        點選確定
        增加驗證函式↓
this.$refs['formName'].validate((valid) => {
        if (valid) {
        // 邏輯
        }
        })

領悟

低階錯誤，rules只是規則，要實現，必須使用validate函式執行規則

關於

若交流技術，請聯絡qq：8416837