刚开始的效果是
const loginRules = {
username: [{ required: true, trigger: "blur", message: t('login.pleaseEnterYourAccount') }],
password: [{ required: true, trigger: "blur", message: t('login.pleaseEnterYourPassword') }],
code: [{ required: true, trigger: "change", message: t('login.pleaseEnterVerificationCode') }]
};
后续发先不对劲这怎么改都改不动发现是数据没热更新
用了computed去写
发现会有问题会导致会有双引号
const pleaseEnterYourAccount = computed(() => t('login.pleaseEnterYourAccount'))
const pleaseEnterYourPassword = computed(() => t('login.pleaseEnterYourPassword'))
const pleaseEnterVerificationCode = computed(() => t('login.pleaseEnterVerificationCode'))
const loginRules = computed(() => ({
username: [{ required: true, trigger: "blur", message: pleaseEnterYourAccount}],
password: [{ required: true, trigger: "blur", message: pleaseEnterYourPassword}],
code: [{ required: true, trigger: "change", message: pleaseEnterVerificationCode}],
}))
直接用computed包住整个校验
const loginRules = computed(() => ({
username: [{ required: true, trigger: "blur", message: t('login.pleaseEnterYourAccount') }],
password: [{ required: true, trigger: "blur", message: t('login.pleaseEnterYourPassword') }],
code: [{ required: true, trigger: "change", message: t('login.pleaseEnterVerificationCode') }]
}))
完美解决