老规矩:先走流程,上动图看效果!在此推荐个大佬,为我提供解决思路,大家多多访问他的博客,希望带给大家帮助
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; } }
功能实现,多选、判断等不同类型的试题都可以使用这个方法实现赋值。
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新动态
- 小骆驼-《草原狼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]