Tips on iView 2

  • 使用 iView 的 Table 時,要手動傳入一下當(dāng)前組件的作用域。iView 會根據(jù)傳入的作用域代理其 render 函數(shù)用到的 當(dāng)前作用域內(nèi)的 data 與 methods(新的版本添加了對原生的 Vue Render 函數(shù)的支持,目前對舊的 render 提供了兼容,將會在正式版發(fā)布的時候廢棄。)


  • iView 的 Button 在 loading 狀態(tài)時,使用 CSS3 pointer-events 屬性阻止鼠標(biāo)事件響應(yīng),但不會阻止事件冒泡。(黑科技)

  • Carousel 和 Table 一樣都有寬度問題。在綁定到 modal 上時,要使用 v-if 控制渲染時機(jī)。

  • 如果需要覆寫某些組件的 CSS 樣式,請盡量不要把這些樣式放在 scoped style 標(biāo)簽內(nèi),否則可能會導(dǎo)致無法覆寫。同時,iView 有些組件的 CSS 樣式是用 JS 添加到組件上的,所以覆蓋的時候會有問題,這樣的情況,可以使用 !important 強(qiáng)行覆蓋。

  • 不能在 Modal 上使用 v-if,Modal 會在父組件渲染時完成渲染,我們只是通過 v-model 控制組件的顯示,使用 v-if 會銷毀組件實例,導(dǎo)致 Modal 無法被再次正常顯示。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,075評論 0 29
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,796評論 1 92
  • 《社交網(wǎng)絡(luò)》。如果不是艾瑞卡提出分手刺激了馬克扎克伯格,或許Facebook就不會誕生了! 社交網(wǎng)絡(luò),這是一個社交...
    superJTR閱讀 28,943評論 0 1