84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
a.vue
b.vue
しかし、b.vue にアクセスすると、boostrap スタイルが付加されますが、Scoped にはスコープを分離する効果はありません。
@import のせいだと思います
まず、vue-loader のスコープの原則を見てみましょう: https://vue-loader.vuejs.org/...
ブートストラップ スタイルのページは、ブートストラップ CSS が vue-loader によって処理されていないことを意味します。次に、次の postcss および @import キーワードを検索した結果、postcss-import プラグインが見つかりました: https://www .npmjs.com/パッケージ…
このプラグインを使えば問題は解決すると思いますが、テストはしていないのであくまで推測です
b の親ページを探し、レベルごとに上がります。そのページから参照されている必要があります
置くだけ@import '../css/bootstrap.css';去掉；换成<style src="../css/bootstrap.css" scoped></style>で準備完了
@import '../css/bootstrap.css';
<style src="../css/bootstrap.css" scoped></style>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
@import のせいだと思います
まず、vue-loader のスコープの原則を見てみましょう:
https://vue-loader.vuejs.org/...
ブートストラップ スタイルのページは、ブートストラップ CSS が vue-loader によって処理されていないことを意味します。次に、次の postcss および @import キーワードを検索した結果、postcss-import プラグインが見つかりました:
https://www .npmjs.com/パッケージ…
このプラグインを使えば問題は解決すると思いますが、テストはしていないのであくまで推測です
b の親ページを探し、レベルごとに上がります。そのページから参照されている必要があります
置くだけ
@import '../css/bootstrap.css';去掉；换成
<style src="../css/bootstrap.css" scoped></style>で準備完了