鍍金池/ 問(wèn)答/HTML/ Vue 引用別人組件的問(wèn)題?

Vue 引用別人組件的問(wèn)題?

別人封裝了一個(gè)組件 componentName: 'CwCollapse'

我在自己的頁(yè)面里面引入了這個(gè)組件
<cw-collapse>
我自己的內(nèi)容
</cw-collapse>
因?yàn)槭且粋€(gè)下拉的按鈕 那我現(xiàn)在想更改這個(gè)組件的樣式跟位置 應(yīng)該怎么辦?

我自己試了一下 給標(biāo)簽加了class 不過(guò)好像不好用

回答
編輯回答
情已空

在外面包一層div，然后再加class, 因?yàn)槭莿e人編寫(xiě)的組件了，給這個(gè)標(biāo)簽添加class必須這個(gè)標(biāo)簽進(jìn)行支持（一般會(huì)寫(xiě)上這個(gè)），若不支持，只能在外部動(dòng)手了。

2017年1月7日 23:59
編輯回答
不二心

樓上正解，包一層div，加上class，此時(shí)需要注意樣式的作用域。

  1. 組件內(nèi)部 scoped作用域下往往因?yàn)閷蛹?jí)的原因覆蓋失效。解決辦法：可以使用 >>> 操作符
  2. 在style全局作用域中使用外層div的class，加上組件內(nèi)部的選擇器進(jìn)行樣式覆蓋。
2018年1月18日 20:06