vue實現上一題下一題的功能

2022-07-29 19:51:12 字數 656 閱讀 7042

最近在看vue實戰這本書,小白乙個,啥也不懂.

看書很痛苦,最主要的是容易犯睏,正好書上有個實戰的內容叫問卷調查,用自己的想法實現了單選題這一部分.

2.單選題不同的選項有不同的分值,點選時會記錄當前選項是多少分,存在乙個陣列中了.

3.單選題有標題和選項,所以資料需要是二維陣列了,這個可以自己先練習一下.

4.需要用到v-for的雙層迴圈,我是模版套的ul

5.num表示當前的頁數,index則是陣列的大小,只顯示頁數和index相等的,所以就實現了每頁只顯示乙個題的功能

上一題

下一題}

}本題得分: }

data:,,]

},,]},

,,]}

],},

methods:}},

prex:function()else

},choose:function(index)}})

**寫的很噁心,書只看到元件詳解這一章,沒有使用css,所以最終的效果如下圖

LeetCode每日一題 下乙個排列

實現獲取下乙個排列的函式,演算法需要將給定數字序列重新排列成字典序中下乙個更大的排列。如果不存在下乙個更大的排列,則將數字重新排列成最小的排列 即公升序排列 必須原地修改,只允許使用額外常數空間。以下是一些例子,輸入位於左側列,其相應輸出位於右側列。1,2,3 1,3,2 3,2,1 1,2,3 1...

LeetCode第三十一題 下乙個排列

問題簡介 給定乙個陣列,將數字重新排列到字典上的下乙個更大的數字排列,當沒有這種排列方式時,即將陣列公升序排列 舉例 1.給定陣列 1,2,4,3,0 結果陣列 1,3,0,2,4 解釋 可以倒序看給定陣列,在數字4處遇見更小的數值2時,從陣列末尾處向前找打第乙個比2大的數字,即3,交換兩個數字,這...

解題思路 leetcode第三十一題 下乙個排列

如果不存在下乙個更大的排列,則將數字重新排列成最小的排列 即公升序排列 必須原地修改,只允許使用額外常數空間。以下是一些例子,輸入位於左側列,其相應輸出位於右側列。1,2,3 1,3,2 3,2,1 1,2,3 1,1,5 1,5,1 解題思路 本題採用暴力解碼,直接從列表最後開始遍歷,當遍歷到的數...