Tips on iView 2

• 使用 iView 的 Table 時，要手動傳入一下當前組件的作用域。iView 會根據傳入的作用域代理其 render 函數用到的 當前作用域內的 data 與 methods（新的版本添加了對原生的 Vue Render 函數的支持，目前對舊的 render 提供了兼容，將會在正式版發布的時候廢棄。）

  

n

• iView 的 Button 在 loading 狀態時，使用 CSS3 pointer-events 屬性阻止滑鼠事件響應，但不會阻止事件冒泡。（黑科技）

n

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

n

• 如果需要覆寫某些組件的 CSS 樣式，請盡量不要把這些樣式放在 scoped style 標籤內，否則可能會導致無法覆寫。同時，iView 有些組件的 CSS 樣式是用 JS 添加到組件上的，所以覆蓋的時候會有問題，這樣的情況，可以使用 !important 強行覆蓋。

n

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

n

推薦閱讀：