[Vuejs]-Page specific css not loading

by

0👍

✅

Always refer the appropriate docs for the flavour, since you are using Vue you must follow the docs here. What you were referring to was for core js one.

With NativeScript Vue you have to write scoped styles within your component, just the same way how you would do it for a Vue based web app.

0👍

An external file can be used as Page-Specific CSS as follows in NativeScript-Vue:

<style scoped src="./Home.css"></style>

Where, Home.css is located in your components folder.

Similarly, for SCSS:

<style lang="scss" scoped src="./Home.scss"></style>

Note: You’ll need to rebuild your app by if its running on an emulator/device when you make this addition to your .Vue file.

Leave a comment