如果孩子在課堂上上課，如何為父母定型？

Question

如果孩子上課，如何給父母div設置樣式？ 我嘗試使用帶$ refs的計算機，但$ refs。[class]始終未定義

例

<div 
:style="isChildHasClass"
class="container">
    <div class="child example"></div>
</div>

僅當子塊具有類“ example”時，才如何用“容器”類設置div塊的樣式？

Answer 1

嘗試這個：

 new Vue({ el: "#app", data: { isExample: true, }, created() { setInterval(() => { this.isExample = !this.isExample }, 2000) }, computed: { parentClasses() { return ['parent', this.isExample ? 'container' : null]; }, childClasses() { return ['child', this.isExample ? 'example' : null] } } }) 

 .container { background: tomato; color: white; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script> <div id="app"> <div :class="parentClasses"> parentClasses: {{parentClasses}} <div :class="childClasses">childClasses: {{childClasses}}</div> </div> </div>