我有一个简单的 BootstrapVue 表。
CSS 在 App.vue 中定义。这是 App.vue 的代码。
这是 TestTable.vue 的代码。
margin-top: 60px 在 App.vue 中定义。我想修改 TableTest.vue ，使其覆盖 App.vue 中 CSS 的边距顶部。我想要 margin-top: 0px 用于 TableTest.vue。
我正在使用 Vue v2.6 和 Bootstrap-vue。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
653
收藏
你可以尝试
margin-top:-60px;我之前评论过您的问题，您在父组件中应用了
margin-top: 60px，而子组件有自己的盒子模型。添加代码片段以显示组件的结构：
Vue.component('item', { template:'#list-template', props:['item'], }); var vm = new Vue({ el:"#app", computed: { limitedItems() { return ['item1']; } } });#app { border: 2px solid black; margin-top: 60px; }