Vue 3、Vuex 和 Vuelidate

问题描述

我正在尝试让 vuelidate 与 vuex 一起工作。

有没有办法正确地完成这项工作？看起来 ref 和反应式组合 apis 可以工作，但不能使用 vuex 存储。

// component
setup() {
  const store = useStore();
  const user = store.state.user;
  const credentials = {
    email: computed({
      get: () => user.email,set: val => {
        store.commit('setUser',{ ...user,email: val});
      },}),password: computed({
      get: () => user.password,password: val});
      },};

  const validations = {
    email: {
      required,email,},password: {
      required,minLength: minLength(8),};

  const v$ = useVuelidate(validations,credentials,{ $lazy: true });

  return {
    v$,};
}

不幸的是，Vue 扩展显示为 v$.$model 是 null。 但是，当我输入某些内容时，它实际上会启动突变并保存值，但 vuelidate 似乎无法识别它。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）