凭空消失的 TA

作者:江月迟迟

发表于:2024-12-10

字数统计:501 字

预计阅读2分钟

介绍

在使用 element-ui 开发的过程中，表单组件的使用相当频繁，其使用方式也比较简单，只要根据官网示例操作即可掌握。不过刚开始使用它的小蓝却遇到了一个问题：本来一个完整的表单已经出现在页面上了，可是调皮的小猫跳到键盘上一顿“操作”后表单凭空消失了......机智的你来帮他查找原因并修复这个 bug 吧～

准备

本题已经内置了初始代码，打开实验环境，目录结构如下：

├── element-ui-2.15.10
│   ├── index.css
│   └── index.js
├── index.html
├── js
│   ├── http-vue-loader.js
│   └── vue.min.js
└── myform.vue

其中：

• index.html 是主页面。
• myform.vue 是封装的表单组件文件。
• js 是用于存放 Vue.js 相关文件的文件夹。
• element-ui-2.15.10 是存放 element-ui 的文件夹。

选中 index.html 右键启动 Web Server 服务（Open with Live Server），让项目运行起来。

接着，打开环境右侧的【Web 服务】，就可以在浏览器中看到如下效果：

目标

初始代码中的 index.html 在浏览器中并没有显示出来表单组件 myform。考生需要认真检查提供的代码，找出表单消失的原因，并修复掉，最终让表单“重见天日”。效果如下：

规定

• 请严格按照考试步骤操作，切勿修改考试默认提供项目中的文件名称、文件夹路径、id、class、DOM 结构、以及函数名等，以免造成无法判题通过。

判分标准

• 本题完全实现题目目标得满分，否则得 0 分。

总通过次数: 2118 | 总提交次数: 2200 | 通过率: 96.3%

难度: 简单 标签: 2022, 省模拟赛, Web 前端, ElementUI

题解

只是忘记了引入

 <script src="./element-ui-2.15.10/index.js"></script>