validation - 我的项目 Vue 3 vuelidate 一样不工作
问题描述
我正在开发一个用 vue 3 编写的项目,我想在登录页面上验证它但sameAs validate
不工作:
<div class="row">
<label for="password">Şifrə təkrarla</label>
<input
@blur="v$.repassword.$touch()"
v-model.lazy="repassword"
type="text"
name="repassword"
v-bind:class="{ 'is-invalid': !v$.repassword.$invalid }"
placeholder="********"
/>
<small class="validate_message" v-if="!v$.repassword.sameAs.$response"
>Yuxarıda yazdığınız şifrə ilə üst-üstə düşmür.</small
>
</div>
我的脚本:
<script>
import useVuelidate from "@vuelidate/core";
import { sameAs } from "@vuelidate/validators";
export default {
setup() {
return { v$: useVuelidate() };
},
data() {
return {
repassword: "",
};
},
validations() {
return {
repassword: {
sameAs: sameAs(function() {
return this.password;
}),
},
};
},
};
</script>
解决方案
推荐阅读
- sockets - Rust OSError 22,将有效数据写入套接字时参数无效
- python - 无法将日期(str)转换为数字格式
- java - 如何在 JSP 的 HTML 标记中使用 Java 变量?
- javascript - Showing dynamic text in spinner angular material
- typescript - export { default as x } 不推断类型
- cassandra - Apache Cassandra COPY FROM,日期时间输入错误
- c - 边界检查快捷方式在程序集 (MIPS) 中如何工作?
- javascript - 当类型 !==edit 时从 mutator 访问制表符 component.getRow():component.getRow 不是函数
- javascript - 根据“地图”上的单选按钮键从对象设置颜色 REACT/Materialui
- javascript - 从浏览器调整大小的所有图像中删除类