javascript 在这两个相似的JSFiddle(使用Vue.js(2.6.11)和Vuetify(2.4.0))中,为什么v卡在其中一个中显示正确,而在另一个中显示不正确?

xe55xuns  于 2023-02-15  发布在  Java
关注(0)|答案(1)|浏览(64)

大家好,谁正在阅读本文。:)
我的问题是:在这两个相似的JSFiddle(使用Vue.js(2.6.11)和Vuetify(2.4.0))中,为什么v卡在其中一个中显示正确,而在另一个中显示不正确?
JSF中间文件#1:https://jsfiddle.net/omLungap/5/

<div id="app">
  <v-card>
      <v-card-text>
        <span v-for="i in 10" :key="i">
          {{ message }}
          <br>
        </span>
      </v-card-text>
  </v-card>
</div>

Vue.use(Vuetify);

var vm = new Vue({
    el: "#app",
  data: {
    message: "Hello, world!"
  }
});

JSFiddle编号2:https://jsfiddle.net/j5e0f86o/3/

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@2.4.0"></script>

<div id="app">
  <v-card>
      <v-card-text>
        <span v-for="i in 10" :key="i">
          {{ message }}
          <br>
        </span>
      </v-card-text>
  </v-card>
</div>

Vue.use(Vuetify);

var vm = new Vue({
    el: "#app",
  data: {
    message: "Hello, world!"
  }
});

任何投入将不胜感激!

sirbozc5

sirbozc51#

第二个小提琴不加载样式表。如果您添加

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vuetify@2.4.0/dist/vuetify.min.css"/>

它们看起来几乎一样(它们使用不同的Vuetify版本,所以看起来略有不同)

相关问题