Skip to content

Instantly share code, notes, and snippets.

@JamesRagonesi
JamesRagonesi / CommentForm.vue
Last active November 27, 2019 21:23
Reusable form with Vuex ORM
<form v-model="$v.valid" @submit.prevent="submit">
<input
type="text"
v-model.trim="$v.form.text.$model"
@input="$v.form.text.$touch()"
@blur="$v.form.text.$touch()"
/>
<button @click="submit">Submit</button>
</form>
@JamesRagonesi
JamesRagonesi / Comment.js
Created November 3, 2019 17:55
Reusable Forms - Model
import { Model } from "@vuex-orm/core";
import { required, maxLength, minLength } from "vuelidate/lib/validators";
export default class Comment extends Model {
static fields() {
return {
id: this.attr(null),
text: this.string(""),
};
}