Javascript [Vue warn]:属性或方法$v";没有定义
我想对密码匹配进行验证,出现以下错误: vue.runtime.esm.js?2b0e:619[vue warn]:属性或方法“$v”未在实例上定义,但在渲染期间被引用。确保 此属性在数据选项中或对于 通过初始化属性,基于类的组件。见: main.jsJavascript [Vue warn]:属性或方法$v";没有定义,javascript,vue.js,vuejs2,vuelidate,Javascript,Vue.js,Vuejs2,Vuelidate,我想对密码匹配进行验证,出现以下错误: vue.runtime.esm.js?2b0e:619[vue warn]:属性或方法“$v”未在实例上定义,但在渲染期间被引用。确保 此属性在数据选项中或对于 通过初始化属性,基于类的组件。见: main.js import Vue from 'vue'; import Vuelidate from 'vuelidate'; import VueTheMask from 'vue-the-mask'; Vue.use(Vuelidate, VueTh
import Vue from 'vue';
import Vuelidate from 'vuelidate';
import VueTheMask from 'vue-the-mask';
Vue.use(Vuelidate, VueTheMask);
Vue.config.productionTip = false;
new Vue({
router,
store,
vuetify,
render: h => h(App)
}).$mount('#app')
我的表格
...
<form action="#" method="GET" @submit.prevent="pswResetHendler">
<label class="input__label" for="psw">Yangi parolni kiriting</label>
<input
class="input input__psw"
type="password"
name="psw"
required
v-model="password"
:class="{ 'is-invalid': $v.password.$error }"
/>
<label class="input__label" for="psw">Yangi parolni qayta kiriting</label>
<input
class="input input__psw"
type="password"
name="psw"
v-model="confirmPassword"
:class="{ 'is-invalid': $v.confirmPassword.$error }"
/>
<span
class="input__error match-error"
v-if="!$v.confirmPassword.sameAsPassword"
>Kiritilgan parollar bir xil bo’lishi lozim, Qayta urinib ko’ring!</span
>
<button class="login-btn" type="submit">KIRISH</button>
</form>
...
<script>
import { sameAs } from "vuelidate/lib/validators";
export default {
name: "password-reset",
data() {
return {
password: "",
confirmPassword: "",
};
},
methods: {
pswResetHendler() {
this.$v.$touch();
if (this.$v.$invalid) {
return;
}
this.$router.push("/");
},
},
validation: {
confirmPassword: { sameAsPassword: sameAs("password") },
},
};
</script>
。。。
杨吉帕罗尼基里廷
杨吉帕罗尼凯塔基里廷酒店
基里蒂尔甘-巴罗西-博利什-洛兹,奎塔-乌里尼布-科林!
基里什
...
从“vuelidate/lib/validators”导入{sameAs};
导出默认值{
名称:“密码重置”,
数据(){
返回{
密码:“”,
确认密码:“”,
};
},
方法:{
pswResetHendler(){
这个。$v.$touch();
如果(本$v.$无效){
返回;
}
这是。$router.push(“/”);
},
},
验证:{
确认密码:{sameAsPassword:sameAs(“密码”)},
},
};
请帮助我,伙计们,我一天都不能解决这个问题(((替换下面的行)
Vue.use(Vuelidate, VueTheMask);
借
欲了解更多信息,请查看此信息(各位,我真的很抱歉)
我错误地编写了属性验证
validation: {
confirmPassword: { sameAsPassword: sameAs("password") },
},
我不得不写这封信
validations: {
confirmPassword: { sameAsPassword: sameAs("password") },
},
在main.js或组件级别导入已经尝试过,但都是一样的(好吧,还是应用这个更改吧!!!你仍然会遇到同样的错误吗?请检查文章的最后几个部分,他们本可以使用mixinsi实现相同的更改,但我得到了相同的更改(好的,兄弟,我会尝试使用mixins)
validations: {
confirmPassword: { sameAsPassword: sameAs("password") },
},
import Vue from 'vue'
import Vuelidate from 'vuelidate'
Vue.use(Vuelidate);