1. Form 表單校驗(yàn)規(guī)則

export default {
  data() {
      // 定義郵箱校驗(yàn)規(guī)則
    var checkEmail = (rule, value, cb) => {
      // 驗(yàn)證郵箱的正則表達(dá)式
      const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/
      
      if(regEmail.test(value)) {
        // 校驗(yàn)通過
        return cb()
      }
      // 校驗(yàn)失敗提示
      cb(new Error('請輸入合法的郵箱'))
    }

    // 定義校驗(yàn)手機(jī)規(guī)則
    var checkMobile = (rule, value, cb) => {
      // 驗(yàn)證手機(jī)號的正則表達(dá)式  這個(gè)驗(yàn)證規(guī)則郵缺陷  只能驗(yàn)證13 開頭的手機(jī)號
      const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/

      if(regMobile.test(value)) {
         // 校驗(yàn)通過
        return cb()
      }
      // 校驗(yàn)失敗提示
      cb(new Error('請輸入合法的手機(jī)號'))
    }
      return {
          
      }
  }
}

// 添加用戶校驗(yàn)規(guī)則
      addFormRules: {
          email: [
          { required: true, message: "請輸入郵箱", trigger: "blur" },
          { validator: checkEmail, trigger: 'blur' }
        ],
        mobile: [
          { required: true, message: "請輸入手機(jī)號", trigger: "blur" },
          { validator: checkMobile, trigger: 'blur' }
        ]
      }

<br />

2. 重置 Form 表單數(shù)據(jù)

// 監(jiān)聽添加用戶對話框的關(guān)閉事件
    addDialogClosed() {
      // 重置對話框表單
      this.$refs.addFormRef.resetFields()
    }

<br />

3. 驗(yàn)證表單是否符合 驗(yàn)證規(guī)則（返回promise 函數(shù)）

// 注意： addForm  addFormRules  addFormRef  這些數(shù)據(jù)都需要在 數(shù)據(jù) 中定義的
<el-form
        :model="addForm"
        :rules="addFormRules"
        ref="addFormRef"
        label-width="70px"
      >
</el-form>

// 添加新用戶
    addUser() {
      // 表單預(yù)驗(yàn)證
      this.$refs.addFormRef.validate( validate => {
        // console.log(validate) 返回 的是 false 和 true
        if(!validate) return
          //  表單校驗(yàn)完成后冯挎， 就可以發(fā)起請求了
          const {data: res} = await this.$http.post(`categories/${this.cateId}/attributes`, {attr_name: this.addForm.attr_name, attr_sel: this.activeName})
      })

<br />

4. Message Box 彈框

// 根據(jù)Id刪除對應(yīng)的用戶信息
    async removeUserById() {
       const confirmResult = await this.$confirm('此操作將永久刪除該用戶, 是否繼續(xù)?', '提示', {
          confirmButtonText: '確定',
          cancelButtonText: '取消',
          type: 'warning'
        }).catch( err => {
          return err
        })
      // 如果用戶確認(rèn)刪除宣蠕，則返回值為字符串 confirm
      // 如果用戶取消了刪除粘捎，則返回值為字符串 cancel
      // console.log(confirmResult)
      if(confirmResult !== 'confirm') {
        return this.$message.info('已取消刪除該用戶')
      }

      console.log('刪除成功')

<br />

5. 選中多個(gè)一樣的英文單詞

editFormRef  1. 選中要修改的單詞  2. 按快捷鍵 Ctrl + D 可以選中多個(gè)一樣的單詞