vue.js - VUE component ignoring CSS -


i have following vue component:

<template>       <div>           <div class="bottom-footer">               {{msg}}           </div>           </div>     </template>      <script>     export default {       name: 'layoutfooter',       data () {         return {           msg: 'my test'         }       },       mounted () {       }     }     </script>      <!-- add "scoped" attribute limit css component -->     <style scoped>       .bottom-footer {         height: 200px;         background-color: #a7bfe8;       }     </scoped>  

vue ignoring scoped css. when page rendered not applied. there no console errors. ive tried removing scoped attribute , still ignored. ideas why vue doing this?

<style scoped> .bottom-footer { height: 200px; background-color: #a7bfe8; }     </style> 

you need close style


Comments

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -