1.修改下拉框輸入框界面不更新

情況1：下拉框如果給了初始值，打印change事件 是更新過的但是頁面不更新

情況2：自定義校驗打印value 和綁定的值不同步，value 值不是最新的輸入值

解決辦法?：辦法直接給下拉框綁定change事件強制更新，輸入框也一樣

? changeEvent(e) {

? ? ? this.$forceUpdate()

? ? },

??

2.自定義校驗

情況 校驗有時執行有時不執行，或者點擊提交打印valid 沒有執行?

? ?this.$refs.ruleForm.validate((valid, a) => {

? ? ? ? if (valid) {}

解決辦法：每種情況都要calback()

let validatePass2 = (rule, value, callback) => {

if (value === '') {

callback(new Error('Please input the password again'));

} else if (value !== this.ruleForm.pass) {

callback(new Error("Two inputs don't match!"));

} else {

callback();

}

};

2.表單校驗定位

情況：表單校驗不通過不能定位滑動到第一個報錯的輸入框

解決辦法：

? ?onSubmit() {

? ? ? this.$refs.ruleForm.validate((valid, a) => {

? ? ? ? if (valid) {

//校驗通過發送請求

} else {//校驗不通過滑動到第一個報錯

? ? ? ? ? this.$nextTick(() => {

? ? ? ? ? ? document.querySelector('.ant-form-explain').scrollIntoView({

? ? ? ? ? ? ? block: 'center',

? ? ? ? ? ? ? behavior: 'smooth'

? ? ? ? ? ? })

? ? ? ? ? })

? ? ? ? ? return false;

? ? ? ? }

? ? ? });

? ? },