我居然在同一個問題在了兩次跟頭！！！必須記錄這個小細節！！！
背景：一個后臺的表單校驗，表單中需要單獨綁定rules，跳轉方式后面兩個選項都使用的同一個el-form-item，意味著rules要動態生效

上代碼：
這里只展示了頁面路徑/網頁鏈接 這個?el-form-item，單獨的綁定rules不生效，原因有可能就是，切換的時候，會重新渲染頁面，重新綁定rules，但是頁面沒有變化，所以就不生效

        <el-form-item prop="pathOrLink" :key="dialogForm.jumpType" v-if="dialogForm.jumpType" :label="dialogForm.jumpType == 1? '頁面路徑' : dialogForm.jumpType == 2? '網頁鏈接' : ''"  :rules="{ required: true, message: dialogForm.jumpType == 1? '請輸入頁面路徑' : dialogForm.jumpType == 2? '請輸入網頁鏈接' : '', trigger: ['change', 'blur']}"><el-input v-model="dialogForm.pathOrLink" :disabled="disabled" :placeholder="dialogForm.jumpType == 1? '請輸入頁面路徑' : dialogForm.jumpType == 2? '請輸入網頁鏈接' : ''"/></el-form-item>

重點：
最終是給這個?el-form-item 加上了key綁定了值就解決了