{"action":"created","issue":{"url":"https://api.github.com/repos/baianat/vee-validate/issues/822","repository_url":"https://api.github.com/repos/baianat/vee-validate","labels_url":"https://api.github.com/repos/baianat/vee-validate/issues/822/labels{/name}","comments_url":"https://api.github.com/repos/baianat/vee-validate/issues/822/comments","events_url":"https://api.github.com/repos/baianat/vee-validate/issues/822/events","html_url":"https://github.com/baianat/vee-validate/issues/822","id":257136918,"number":822,"title":"Flags not working","user":{"login":"movepixels","id":1903217,"avatar_url":"https://avatars2.githubusercontent.com/u/1903217?v=4","gravatar_id":"","url":"https://api.github.com/users/movepixels","html_url":"https://github.com/movepixels","followers_url":"https://api.github.com/users/movepixels/followers","following_url":"https://api.github.com/users/movepixels/following{/other_user}","gists_url":"https://api.github.com/users/movepixels/gists{/gist_id}","starred_url":"https://api.github.com/users/movepixels/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/movepixels/subscriptions","organizations_url":"https://api.github.com/users/movepixels/orgs","repos_url":"https://api.github.com/users/movepixels/repos","events_url":"https://api.github.com/users/movepixels/events{/privacy}","received_events_url":"https://api.github.com/users/movepixels/received_events","type":"User","site_admin":false},"labels":[{"id":416502846,"url":"https://api.github.com/repos/baianat/vee-validate/labels/question","name":"question","color":"cc317c","default":true}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-09-12T18:20:56Z","updated_at":"2017-09-27T13:19:12Z","closed_at":"2017-09-13T21:02:12Z","author_association":"NONE","body":"#### Versions:\r\n- VueJs: 2.4.2\r\n- Vee-Validate: 2.0.0-rc.14\r\n\r\n### Description:\r\nOnly the flags valid or invalid actually change. I am using the API method so none of the fields are using the inline html approach, everything is set in the component itself.\r\n\r\nI followed the example under Validator API and the validation works as expected but watching the flags / fields in the Dev Tools or simply displaying them in the html page with a ```<pre>{{ flags }}</pre>```\r\nOnly the 2 fields change. I can type, preset data values, clear the inputs or the form and everything else stays the same\r\n\r\ndirty:false\r\ninvalid:false\r\npending:false\r\npristine:true\r\nrequired:true\r\ntouched:false\r\nuntouched:true\r\nvalid:true\r\nvalidated:true\r\n\r\n### Steps To Reproduce:\r\nComponent bits:\r\n```\r\n <v-text-field \r\n   v-model=\"formData.email\"\r\n   label=\"Email\" \r\n   name=\"formData.email\"\r\n    :error-messages=\"errors.collect('formData.email')\"\r\n    :append-icon=\"setIcon(flags, 'formData.email')\">\r\n</v-text-field>\r\n```\r\nEven tried using the standard method I see everywhere:\r\n```\r\nisFormDirty: function () {\r\n      return Object.keys(this.flags).some(key => this.flags[key].dirty)\r\n},\r\n```\r\nwatch:\r\n```\r\nwatch: {\r\n    'formData.email' (value) {\r\n      this.validator.validate('formData.email', value)\r\n    }\r\n},\r\n```\r\nI used flags vs fields for the fieldBag, everything was working fine using 2.0.0-beta-17 but after upgrade the flags/fields no longer change except valid / invalid\r\n\r\nAny help would be greatly appreciated.\r\nThanks,\r\nDave"},"comment":{"url":"https://api.github.com/repos/baianat/vee-validate/issues/comments/332517838","html_url":"https://github.com/baianat/vee-validate/issues/822#issuecomment-332517838","issue_url":"https://api.github.com/repos/baianat/vee-validate/issues/822","id":332517838,"user":{"login":"Konafets","id":363363,"avatar_url":"https://avatars1.githubusercontent.com/u/363363?v=4","gravatar_id":"","url":"https://api.github.com/users/Konafets","html_url":"https://github.com/Konafets","followers_url":"https://api.github.com/users/Konafets/followers","following_url":"https://api.github.com/users/Konafets/following{/other_user}","gists_url":"https://api.github.com/users/Konafets/gists{/gist_id}","starred_url":"https://api.github.com/users/Konafets/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Konafets/subscriptions","organizations_url":"https://api.github.com/users/Konafets/orgs","repos_url":"https://api.github.com/users/Konafets/repos","events_url":"https://api.github.com/users/Konafets/events{/privacy}","received_events_url":"https://api.github.com/users/Konafets/received_events","type":"User","site_admin":false},"created_at":"2017-09-27T13:19:12Z","updated_at":"2017-09-27T13:19:12Z","author_association":"NONE","body":"Hi, \r\n\r\ni have the same issue but I am using the directive:\r\n\r\n```\r\n<b-form-input\r\n  type=\"text\"\r\n  class=\"form-control\"\r\n  id=\"temperature\"\r\n  name=\"temperature\"\r\n  v-model=\"temperature\"\r\n  v-validate=\"'required|decimal|min_value:10|max_value:40'\"\r\n  :state=\"!errors.has('temperature')\"\r\n></b-form-input>\r\n<span class=\"form-text text-muted\" v-show=\"errors.has('temperature')\">@{{ errors.first('temperature') }}</span>\r\n<span v-show=\"fields.temperature && fields.temperature.dirty\">I'm Dirty</span>\r\n<span v-show=\"fields.temperature && fields.temperature.pristine\">I'm Pristine</span>\r\n<span v-show=\"fields.temperature && fields.temperature.touched\">I'm touched</span>\r\n<span v-show=\"fields.temperature && fields.temperature.untouched\">I'm untouched</span>\r\n<span v-show=\"fields.temperature && fields.temperature.valid\">I'm valid</span>\r\n<span v-show=\"fields.temperature && fields.temperature.invalid\">I'm invalid</span>\r\n```\r\n\r\nI am using Bootstrap4Vue here.\r\n\r\nThe field remains \"untouched\" even it had the focus or I insert something."}}
{"actor":{"display_login":"Konafets"}}