vue3使用elemet.plus的表单为何无法吸选取和输入

Question

<el-form
        :model="formData"
        status-icon
        ref="formData"
        :rules="rules"
        label-width="80px"
        class="form"
      >
        <el-form-item label="密码">
          <el-radio-group v-model="formData.type">
            <el-radio :label="3">备选项</el-radio>
            <el-radio :label="6">备选项</el-radio>
            <el-radio :label="9">备选项</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="渠道">
          <el-select v-model="formData.channel">
            <el-option
              v-for="item in channelList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="消息标题">
          <el-input v-model="formData.title"></el-input>
        </el-form-item>
      </el-form>
    </main>
  </div>
</template>

<script>
import { defineComponent, reactive } from "vue";
export default defineComponent({
  setup() {
    const formData = reactive({
      type: "",
      title: "",
      channel: "",
    });
    const rules = {
      type: "",
      title: "",
      channel: "",
    };
    const channelList = [
      {
        label: "请选择",
        value: 0,
      },
      {
        label: "云消息（公共通道）",
        value: 1,
      },
    ];
    return { formData, rules, channelList };
  },
});
</script>

Answer 1

等待大神解答