Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript [Vue warn]:属性或方法$v";没有定义_Javascript_Vue.js_Vuejs2_Vuelidate - Fatal编程技术网

Javascript [Vue warn]:属性或方法$v";没有定义

Javascript [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

我想对密码匹配进行验证,出现以下错误:

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, 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);