页面特定的CSS无法加载

Question

我在VueJs中使用nativescript

我的问题是我的page specified CSS文件未使用。

我的起始页为start.js，在同一文件夹中，我有一个start.css 但没有应用样式。

我还需要其他配置吗？ 因为在docs，我说过它通常应该像这样工作。

Answer 1

请始终参考相应的文档，因为使用Vue时必须遵循docs here。您指的是核心js一个。

使用NativeScript Vue，您必须在组件中编写范围化样式，就像在基于Vue的Web应用程序中一样。

Answer 2

外部文件可以在NativeScript-Vue中用作特定于页面的CSS：

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

Home.css 在您的 components 文件夹中。

类似地，对于SCSS：

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

注意：在向.Vue文件添加此应用后，您需要通过在模拟器/设备上运行该应用来重建其应用。