如題，假如我有一個spinner組件，它在不同的頁面里，顯示的位置是不同的，因此我需要為每個spinner設(shè)置不同的class。再假設(shè)我有一個middle樣式，將一個元素顯示在頁面正中。現(xiàn)在我希望在當(dāng)前這個頁面里，spinner組件顯示在頁面正中。

按照目前的小程序能力，我能想到的是以下幾種實(shí)現(xiàn)方式。一種是在spinner外部包裹一個view，添加自定義class：

另一種是為spinner定義externalClasses，然后從外部把“middle”這個class傳給spinner組件。

最后一種是在spinner內(nèi)部設(shè)置host選擇器樣式，但這會造成組件與自己的顯示位置緊耦合，不利于修改。

可否實(shí)現(xiàn)如下功能：在spinner組件上直接設(shè)置class屬性，可以將這些class直接掛在spinner組件的根元素上

即：

---

補(bǔ)充：

之所以有這個需求，是因?yàn)槲抑坝胿ue時(shí)，vue支持此功能。但是vue強(qiáng)制要求每個組件只有一個根元素，而小程序并無此要求。

那么請問有沒有什么優(yōu)雅的方式實(shí)現(xiàn)我的需求？

總結(jié)

以上是生活随笔為你收集整理的修改html自带组件样式,能否直接在组件html上为组件根元素设置自定义class的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。