export default { mixins: [mixin], components: {}, data() { return { url_submit: "~/api/user/change_password?", field: "user_id", query: {}, form: { "o_password": "", "password": '', }, confirm_password: '' } }, methods: { get_form() { var _this = this; this.$get(this.url_get_obj, null, function(res) { if (res.result && res.result.obj) { $.push(_this.form, res.result.obj); } }); }, submit_before(param){ var p = Object.assign({},param); return p; }, submit_check(param) { if (this.form.password !== this.confirm_password) { return "密码和确认密码不一致!" } return null; }, submit_after(res, status) { this.$store.commit("quit"); this.$router.push("/login"); } }, created() { this.form.username = this.user.username; this.get_form(); } }
时间: 2023-12-06 10:43:30 浏览: 33
shopify_api_mixins:用于使用shopify_api gem的有用的mixins
这是一个Vue组件的代码,它使用了一个名为"mixin"的混入,并定义了一个包含一些组件、数据和方法的对象。其中,data()方法返回一个包含url_submit、field、query、form和confirm_password等数据的对象。methods()方法定义了一些处理表单提交前、提交后和提交校验的函数,包括get_form()、submit_before()、submit_check()和submit_after()。在created()方法中,组件调用了get_form()方法来获取表单数据。
阅读全文