Tabv3 标签页 ​

<template>
  <h-tab-v3 :h_data="h_tab1"></h-tab-v3>
</template>

<script setup>
const h_tab1 = {
  items: [
    {
      display_name: '单选题',
      component: 'h-form-v1',
      items:[
        { name: "case_text", display_name: "请输入题目标题", component: 'h-text-v1'},
        { name: "case_textarea",display_name: "请输入题目描述", component: 'h-textarea-v1'},
        { name: "case_radio1", display_name: "请选择霍格沃兹成立的年份？", component: 'h-radio-v1'},
        { name: "case_radio2", display_name: "请选择web自动化使用的工具？", component: 'h-radio-v1'},
        { name: "case_radio2", display_name: "请选择web自动化使用的工具333？", component: 'h-radio-v1'},
      ],
      content: {
        case_text: {},
        case_textarea: {},
        case_radio1: {
          value: "单选按钮1",
          name: ['单选按钮1', '单选按钮2', '单选按钮3', '单选按钮4']
        },
        case_radio2: {
          value: "selenium333",
          name: ['selenium333', 'appium333', 'appium2333', 'appium3333']
        },
      },
    },
    {
      display_name: '多选题',
      component: 'h-form-v1',
      items:[
        { name: "case_text", display_name: "霍格沃兹学院成立于哪一年", component: 'h-text-v1'},
        { name: "case_textarea",display_name: "提示：你猜？", component: 'h-textarea-v1'},
        { name: "case_checkbox", display_name: "单选框", component: 'h-checkbox-v1'},
      ],
      content: {
        case_text: {
          value: "我的数据比较短",
        },
        case_textarea: {
          value: "我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，",
        },
        case_checkbox: {
          value: "单选按钮1",
          name: ['单选按钮1', '单选按钮2', '单选按钮3']
        },
      },
    },
  ],
}
</script>

<template>
  <h-tab-v3 :h_data="h_tab1"></h-tab-v3>
</template>

<script setup>
const h_tab1 = {
  items: [
    {
      display_name: '单选题',
      component: 'h-form-v1',
      items:[
        { name: "case_text", display_name: "请输入题目标题", component: 'h-text-v1'},
        { name: "case_textarea",display_name: "请输入题目描述", component: 'h-textarea-v1'},
        { name: "case_radio1", display_name: "请选择霍格沃兹成立的年份？", component: 'h-radio-v1'},
        { name: "case_radio2", display_name: "请选择web自动化使用的工具？", component: 'h-radio-v1'},
        { name: "case_radio2", display_name: "请选择web自动化使用的工具333？", component: 'h-radio-v1'},
      ],
      content: {
        case_text: {},
        case_textarea: {},
        case_radio1: {
          value: "单选按钮1",
          name: ['单选按钮1', '单选按钮2', '单选按钮3', '单选按钮4']
        },
        case_radio2: {
          value: "selenium333",
          name: ['selenium333', 'appium333', 'appium2333', 'appium3333']
        },
      },
    },
    {
      display_name: '多选题',
      component: 'h-form-v1',
      items:[
        { name: "case_text", display_name: "霍格沃兹学院成立于哪一年", component: 'h-text-v1'},
        { name: "case_textarea",display_name: "提示：你猜？", component: 'h-textarea-v1'},
        { name: "case_checkbox", display_name: "单选框", component: 'h-checkbox-v1'},
      ],
      content: {
        case_text: {
          value: "我的数据比较短",
        },
        case_textarea: {
          value: "我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，我的数据比较长，",
        },
        case_checkbox: {
          value: "单选按钮1",
          name: ['单选按钮1', '单选按钮2', '单选按钮3']
        },
      },
    },
  ],
}
</script>