{"action":"closed","issue":{"url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/3562","repository_url":"https://api.github.com/repos/vuetifyjs/vuetify","labels_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/3562/labels{/name}","comments_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/3562/comments","events_url":"https://api.github.com/repos/vuetifyjs/vuetify/issues/3562/events","html_url":"https://github.com/vuetifyjs/vuetify/issues/3562","id":304826434,"number":3562,"title":"Vue JS v-bind data doesn't update reactivity in v-footer tag","user":{"login":"dezinfo","id":13183918,"avatar_url":"https://avatars0.githubusercontent.com/u/13183918?v=4","gravatar_id":"","url":"https://api.github.com/users/dezinfo","html_url":"https://github.com/dezinfo","followers_url":"https://api.github.com/users/dezinfo/followers","following_url":"https://api.github.com/users/dezinfo/following{/other_user}","gists_url":"https://api.github.com/users/dezinfo/gists{/gist_id}","starred_url":"https://api.github.com/users/dezinfo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dezinfo/subscriptions","organizations_url":"https://api.github.com/users/dezinfo/orgs","repos_url":"https://api.github.com/users/dezinfo/repos","events_url":"https://api.github.com/users/dezinfo/events{/privacy}","received_events_url":"https://api.github.com/users/dezinfo/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-03-13T15:57:43Z","updated_at":"2018-03-14T08:20:43Z","closed_at":"2018-03-14T08:20:43Z","author_association":"NONE","body":"Using Vue and vuetify I faced with issue with v-footer element. v-bind data doesn't update reactivity in v-footer tag\r\n\r\nSee code below\r\n\r\n  ```\r\n<template>\r\n <div>\r\n  <v-footer class=\"pa-3\">\r\n    <v-spacer></v-spacer>\r\n    <div>© {{ new Date().getFullYear() }}</div>\r\n      <!-- it doesn't work -->\r\n      <p :style=\"mystyle\"> TEST </p>\r\n      <v-btn @click=\"changeStyle\">ChangeStyle</v-btn>\r\n      <!-- it doesn't work -->\r\n  </v-footer> \r\n      <!-- it works -->\r\n      <p :style=\"mystyle\"> TEST </p>\r\n      <v-btn @click=\"changeStyle\">ChangeStyle</v-btn>\r\n      <!-- it works -->\r\n    </div>\r\n</template>\r\n<script>\r\n    export default{\r\n        data () {\r\n          return {\r\n            mystyle:{\r\n            opacity : 0, \r\n            color: 'red'},\r\n          }\r\n        },\r\n       methods: {\r\n          changeStyle(){\r\n        this.mystyle.opacity = 1\r\n    }\r\n       } \r\n    }\r\n</script>\r\n```\r\nAt the same time if I add code {{labelStyle.opacity}} in template all works normaly."}}
{"actor":{"display_login":"KaelWD"}}