Tips on iView 2

  • 使用 iView 的 Table 时,要手动传入一下当前组件的作用域。iView 会根据传入的作用域代理其 render 函数用到的 当前作用域内的 data 与 methods(新的版本添加了对原生的 Vue Render 函数的支持,目前对旧的 render 提供了兼容,将会在正式版发布的时候废弃。)


  • iView 的 Button 在 loading 状态时,使用 CSS3 pointer-events 属性阻止鼠标事件响应,但不会阻止事件冒泡。(黑科技)

  • Carousel 和 Table 一样都有宽度问题。在绑定到 modal 上时,要使用 v-if 控制渲染时机。

  • 如果需要覆写某些组件的 CSS 样式,请尽量不要把这些样式放在 scoped style 标签内,否则可能会导致无法覆写。同时,iView 有些组件的 CSS 样式是用 JS 添加到组件上的,所以覆盖的时候会有问题,这样的情况,可以使用 !important 强行覆盖。

  • 不能在 Modal 上使用 v-if,Modal 会在父组件渲染时完成渲染,我们只是通过 v-model 控制组件的显示,使用 v-if 会销毁组件实例,导致 Modal 无法被再次正常显示。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,499评论 0 29
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,716评论 1 92
  • 《社交网络》。如果不是艾瑞卡提出分手刺激了马克扎克伯格,或许Facebook就不会诞生了! 社交网络,这是一个社交...
    superJTR阅读 29,073评论 0 1

友情链接更多精彩内容