{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue/issues/1369","labels_url":"https://api.github.com/repos/vuejs/vue/issues/1369/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue/issues/1369/comments","events_url":"https://api.github.com/repos/vuejs/vue/issues/1369/events","html_url":"https://github.com/vuejs/vue/issues/1369","id":108649603,"number":1369,"title":"Add a preventDefault event filter","user":{"login":"skyrpex","id":1077520,"avatar_url":"https://avatars.githubusercontent.com/u/1077520?v=3","gravatar_id":"","url":"https://api.github.com/users/skyrpex","html_url":"https://github.com/skyrpex","followers_url":"https://api.github.com/users/skyrpex/followers","following_url":"https://api.github.com/users/skyrpex/following{/other_user}","gists_url":"https://api.github.com/users/skyrpex/gists{/gist_id}","starred_url":"https://api.github.com/users/skyrpex/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/skyrpex/subscriptions","organizations_url":"https://api.github.com/users/skyrpex/orgs","repos_url":"https://api.github.com/users/skyrpex/repos","events_url":"https://api.github.com/users/skyrpex/events{/privacy}","received_events_url":"https://api.github.com/users/skyrpex/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/vuejs/vue/labels/suggestion","name":"suggestion","color":"fbca04"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":30,"created_at":"2015-09-28T12:39:41Z","updated_at":"2015-10-21T14:14:14Z","closed_at":"2015-10-02T19:23:06Z","body":"I find it pretty cumbersome to add an event parameter and write ```e.preventDefault();``` in every single method of my components.\r\n\r\nIt would be nice to add a ```v-on``` filter that automatically does that. It would be used like this:\r\n\r\n```js\r\n<form v-on=\"click:submit | preventDefault\"> ... </form>\r\n```\r\n\r\nIt looks better to me because the method itself shouldn't really know about the original event that triggered the call (but the template should, and does).\r\n"},"comment":{"url":"https://api.github.com/repos/vuejs/vue/issues/comments/149908997","html_url":"https://github.com/vuejs/vue/issues/1369#issuecomment-149908997","issue_url":"https://api.github.com/repos/vuejs/vue/issues/1369","id":149908997,"user":{"login":"nervgh","id":2478262,"avatar_url":"https://avatars.githubusercontent.com/u/2478262?v=3","gravatar_id":"","url":"https://api.github.com/users/nervgh","html_url":"https://github.com/nervgh","followers_url":"https://api.github.com/users/nervgh/followers","following_url":"https://api.github.com/users/nervgh/following{/other_user}","gists_url":"https://api.github.com/users/nervgh/gists{/gist_id}","starred_url":"https://api.github.com/users/nervgh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nervgh/subscriptions","organizations_url":"https://api.github.com/users/nervgh/orgs","repos_url":"https://api.github.com/users/nervgh/repos","events_url":"https://api.github.com/users/nervgh/events{/privacy}","received_events_url":"https://api.github.com/users/nervgh/received_events","type":"User","site_admin":false},"created_at":"2015-10-21T14:14:14Z","updated_at":"2015-10-21T14:14:14Z","body":"This syntax not working with https://github.com/webpack/html-loader =(\r\n\r\nIs there angular way for these cases? For example:\r\n```html\r\n<element v-on:click=\"toggle();$event.stopPropagation()\"></element>\r\n```"}}