老规矩:先走流程,上动图看效果!在此推荐个大佬,为我提供解决思路,大家多多访问他的博客,希望带给大家帮助
https://blog.csdn.net/yyp0304Devin
下面就一步步为大家讲解如何实现将它的试题选项赋值到对应的控件中的,因为题型较多,拿单选题型为大家演示:不同题型它的界面也是不同的,这里也有个技术点,这里就先不讲解了。
如动图所示,要完成这样的功能,肯定是要访问后端接口的
知道URL后,我们就知道携带的试题ID过去
一、传递ID
在点击编辑按钮事件中将ID传值过去
<el-button
@click="editQuestion(scope.row)"
type="text"
size="small"
icon="el-icon-edit"
></el-button>
// 携带的题型ID
carryCurrentRowCode: [
{ id: "" }
],
// 通过点击按钮将ID传值到add-question界面
editQuestion(row) {
this.carryCurrentRowCode = row;
this.$router.push({
path: "add-question",
query: {
carryCurrentRowCode: this.carryCurrentRowCode
}
});
},
二、在钩子函数中通过路由接收ID
this.$axios
.get("/option/queryById/" + this.carryCurrentRowCode.id)
.then(res => {
});
在Vue.js文件中写好代理路由,因为是新的接口,让我在访问路径时忘了写,明明获取到了ID,就是报404,疑惑了好半天,所以一定不要忘记写好代理!
proxy: {
'/option': {
target: 'http://localhost:8013'
},
}
三、循环遍历data数组,将不同试题内容赋值到对应控件
由Swagger测试接口可以看出,给我们的返回数据得到的是这样一个数组,如何将对应的试题内容赋值到相应的控件中,就要用到for循环了
传统for循环用法:
String[] arr = { "amy", "heinrich", "cindy", "git" };
for (int i = 0; i < arr.length; i++) {
System.out.println(arr[i]);
}
打印台:
amy
heinrich
cindy
git
for循环可以获取到它的optionOrder,以此来区分不同的试题选项,之后再做判断赋值到相应的控件就好了
for (var i = 0; i < res.data.data.length; i++) {
// 选项A输入框+富文本编辑器
if (res.data.data[i].optionOrder == 1) {
this.IA_inputw = res.data.data[0].optionName;
this.FA_input = res.data.data[0].optionName;
} else if (res.data.data[i].optionOrder == 2) {
//选项B输入框+富文本编辑器
this.IB_inputw = res.data.data[1].optionName;
this.FB_input = res.data.data[1].optionName;
} else if (res.data.data[i].optionOrder == 3) {
//选项C输入框+富文本编辑器
this.IC_inputw = res.data.data[2].optionName;
this.FC_input = res.data.data[2].optionName;
} else if (res.data.data[i].optionOrder == 4) {
//选项D输入框+富文本编辑器
this.ID_inputw = res.data.data[3].optionName;
this.FD_input = res.data.data[3].optionName;
}
}
功能实现,多选、判断等不同类型的试题都可以使用这个方法实现赋值。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]



