电子烟网站建设,最新国际新闻事件,企业logo设计报价,网站建设丿金手指谷哥12概述 选项卡切换组件#xff0c;常用于平级区域大块内容的的收纳和展现。源码地址#xff1a;https://github.com/iview/iview/tree/2.0/src/components/tabs使用#xff1a; 标签一的内容标签二的内容标签三的内容标签二的内容在源码的tabs文件下有三个文件#xff1a;ind… 概述 选项卡切换组件常用于平级区域大块内容的的收纳和展现。源码地址https://github.com/iview/iview/tree/2.0/src/components/tabs使用 标签一的内容 标签二的内容 标签三的内容 标签二的内容在源码的tabs文件下有三个文件index.js,tabs.vue,pane.vueindex.js中引入了tabs.vue和pane.vue.import Tabs from ./tabs.vue;import Pane from ./pane.vue;Tabs.Pane Pane;export default Tabs;tabs.vuetabs.vue是整个组件的容器分为三部分1 通过 扩展tabs选项的附加内容。2 通过this.$children获取tabs下的每一个TabPane并放进navLIst遍历navLIst设置tabs选项标签。3 声明slot接收整个panes。this.$children查找当前组件的直接子组件可以遍历全部子组件需要注意 $children 并不保证顺序也不是响应式的。slot 插槽父级模板里的所有内容都是在父级作用域中编译的子模板里的所有内容都是在子作用域中编译的。Slot分发的内容作用域是在父组件上 : tabindex0 refnavContainer keydownhandleTabKeyNavigation keydown.space.preventhandleTabKeyboardSelect(false) {{ item.label }}
