vue中模拟试卷出题单选题
模拟出单选题,可以选中,添加,删除.
{{item.prefix}} 添加选项 data(){return {form:{}, list: [{ prefix: "A", content: "" },{ prefix: "B", content: "" },],}
},
methods:{handleAddItem(){//将index转ABCDvar alphabet = String.fromCharCode(64 + parseInt(this.list.length + 1));this.list.push({prefix: alphabet,content: "",});},handleRemove(key) {//删除时的逻辑this.list.map((item, index) => {//先清空当前选项if (item.prefix == this.form.correctAnswer) {this.$set(this.form, "correctAnswer", "");}//再通过ABCD对应的值删除在数组对象中的对象if (item.prefix == key) {this.list.splice(index, 1);}});//重新将对象赋值,否则比如ABCD删了C.继续添加的时候index会直接跳过C再次生成D选项即ABDDthis.list.map((item, index) => {item.prefix = String.fromCharCode(64 + parseInt(index + 1));});},
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！