Laravel vuetify.js如何添加类型="；提交；至装载机按钮

我是Vuetify.js的新手，我正在尝试使用加载程序按钮制作提交表单 我试过了，但没用

我的尝试代码

       <v-btn
        rounded
        class="ma-2"
        type="submit"
        :loading="loading2"
        :disabled="loading2"
        color="primary"
        @click="loader = 'loading2'"
      >
        Login
        <template v-slot:loader>
          <span>Loading...</span>
        </template>
      </v-btn>

登录
加载。。。

我的主代码

       <v-btn
        rounded
        class="ma-2"
        type="submit"
        :loading="loading2"
        :disabled="loading2"
        color="primary"
        @click="loader = 'loading2'"
      >
        Login
        <template v-slot:loader>
          <span>Loading...</span>
        </template>
      </v-btn>

登录
{{
错误。手机号码[0]
}}
{{
错误。密码[0]
}}
登记
登录
加载。。。
导出默认值{
中间件：[“来宾”]，
数据（）{
返回{
加载程序：null，
加载：false，
加载2：错误，
加载3：错误，
加载4：错误，
加载5：错误，
表格：{
手机号码：“，
密码：“”，
},
};
},
观察：{
加载器（）{
const l=this.loader；
这[l]=！这[l]；
setTimeout（（）=>（此[l]=false），3000）；
this.loader=null；
},
},
方法：{
异步提交（）{
等待此消息。$auth.loginWith（“本地”{
数据：此表，
});
这是。$router.push（“/”）；
},
},
};
.定制加载器{
动画：加载器1s无限；
显示器：flex；
}
@-moz关键帧加载程序{
从{
变换：旋转（0）；
}
到{
变换：旋转（360度）；
}
}
@-webkit关键帧加载程序{
从{
变换：旋转（0）；
}
到{
变换：旋转（360度）；
}
}
@-o-关键帧加载程序{
从{
变换：旋转（0）；
}
到{
变换：旋转（360度）；
}
}
@关键帧加载程序{
从{
变换：旋转（0）；
}
到{
变换：旋转（360度）；
}
}

---

您创建并使用变量“loading”，但从未设置它

为了解决您的问题，请在@click方法中添加如下内容

loading = true
....

然后将加载相同设置为false，以停止按钮的加载样式

---

祝你好运

您创建并使用变量“loading”，但从未设置它

为了解决您的问题，请在@click方法中添加如下内容

loading = true
....

然后将加载相同设置为false，以停止按钮的加载样式

祝你好运