深圳全网建站公司推荐,做装潢网站,h5网站建设 网站定制开发,安防公司手机网站学习笔记02-iview组件使用 文章目录 学习笔记02-iview组件使用一、iview 2-Tabs使用 一、iview 2-Tabs使用
官方地址#xff1a;https://www.iviewui.com/view-ui-plus/component/navigation/tabs 点击tabs页面可以获取当前页面的name信息#xff0c;并且可以点击后再获取当…学习笔记02-iview组件使用 文章目录 学习笔记02-iview组件使用一、iview 2-Tabs使用 一、iview 2-Tabs使用
官方地址https://www.iviewui.com/view-ui-plus/component/navigation/tabs 点击tabs页面可以获取当前页面的name信息并且可以点击后再获取当前页面数据减少数据冗余 templatedivTabs :valuetabPage typecard on-clicktabChangeTabPane labelOverview name1标签一的内容/TabPaneTabPane labelServer name2标签二的内容/TabPaneTabPane labelContainer name3标签三的内容/TabPaneTabPane labelWebsite name4标签三的内容/TabPaneTabPane labelClound Product name5标签三的内容/TabPane/Tabs/div
/templatescript
export default {name: example,data() {return {tabPage: 1,}},methods: {init() {},tabChange(name) {this.tabPage nameif (this.tabPage 1) {} else if (this.tabPage 2) {} else if (this.tabPage 3) {} else if (this.tabPage 4) {} else if (this.tabPage 5) {}},},mounted() {this.init()}
}
/scriptstyle scoped/style
