123456789101112131415161718192021222324252627282930 |
- <template>
- <md-snackbar md-position="top center" ref="snackbar">
- <span>{{ snackbackMessage }}</span>
- <md-button @click.native="$refs.snackbar.close()" class="snackbar-close">[x]</md-button>
- </md-snackbar>
- </template>
- <script>
- export default {
- data: function() {
- return {snackbackMessage: 'something happened'};
- },
- methods: {
- show(message) {
- this.snackbackMessage = message || snackbackMessage;
- this.$refs.snackbar.open();
- }
- }
- }
- </script>
- <style scoped>
- .snackbar-close {
- font-weight: bold;
- color: #f6f72f;
- }
- </style>
|