大家好,谁正在阅读本文。:)
我的问题是:在这两个相似的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!"
}
});
任何投入将不胜感激!
1条答案
按热度按时间sirbozc51#
第二个小提琴不加载样式表。如果您添加
它们看起来几乎一样(它们使用不同的Vuetify版本,所以看起来略有不同)