el-tabs:¶Tabs 标签页

449 阅读1分钟
     <el-tabs v-model="activeName">
          <el-tab-pane
            v-for="item in detectTabs"
            :key="item.id"
            :label="item.label"
            :name="item.value"
          ></el-tab-pane>
        </el-tabs>
        <div v-if="activeName === '1'">
          <detect-detail></detect-detail>
        </div>
        
        
        
         data() {
            return {
              visible: false,
              detectTabs: [
            {
              label: "设备详情",
              value: "1",
            },
            {
              label: "报警日志",
              value: "2",
            },
           ]
           //默认值 显示一个默认值
          activeName: "1",
        };
      },