javascript - v-for="n in 10" 정렬을 구현하는 방법, 기본값은 1에서 10, 10에서 1까지 구현하는 방법은 무엇입니까?

Question

v-for="n in 10" 정렬을 구현하는 방법은 무엇입니까? 기본값은 1에서 10입니다. 10에서 1까지 구현하는 방법은 무엇입니까?

Answer 1

10에서 1로 가고 싶다면 그냥 11 - n...
왜 이렇게 꼿꼿이...

Answer 2

질문자가 vue 태그를 작성하지 않았지만 v-for 지시를 봤습니다. 질문자는 vue를 사용하여 1-10을 역순으로 배열하는 방법을 묻는 것입니다.
다음과 같은 vue 구성요소가 있다고 가정해보세요

---

으아악

---

1.필터 사용

으아악

---

2.vue 메소드 사용하기

으아아아

---

계산된 속성을 사용하여 이와 같은 숫자를 반복할 수 있는 방법은 없습니다. 계산된 속성은 data의 값이 변경될 때 발생하며 이를 다른 값으로 매핑하는 것은 함수와 동일하며 v-for 반복자와 동일한 목록의 데이터를 반복하며 데이터의 특정 속성 값을 변경하지 않습니다. data中一个值改变后，把他映射到另外一个值相当于一个函数，而v-for是循环了列表的数据相当于一个迭代器，并没有改变数据data的某个属性值。

---

建议你循环一个数组或对象，不要直接循环数字。除非逻辑真的很简单，就是循环生成几个标签。把一个数组元素排序你还可以采用，sort()传入倒序排序函数，这样就可以用计算属性，先映射排序数组到计算属性，然后v-for

숫자를 직접 반복하는 대신 배열이나 객체를 반복하는 것이 좋습니다🎜. 논리가 정말 간단하지 않은 이상 루프에서 여러 태그를 생성할 뿐입니다. 배열 요소를 정렬하려면 sort()를 사용하여 역순 함수를 전달하면 계산된 속성을 사용할 수 있습니다. 먼저 정렬된 배열을 계산된 속성에 매핑한 다음 v-for code>는 역순 속성 계산을 반복합니다. 역순을 구현할 수도 있습니다. 🎜 🎜간단한 경우에는 Angular 파이프라인인 필터를 사용하는 것이 좋습니다🎜

Answer 3

그러면 10~1을 저장할 배열을 만들어야 합니다

Answer 4

계산된 속성을 사용할 수 있습니다. 자세한 내용은 [포털]을 참조하세요. 정렬이 이해되지 않으면 확인해 보세요.

【여기】

Answer 5

vue에 있는 경우 필터를 사용하여 변환하는 것도 고려할 수 있습니다

Answer 6

으아아아

Answer 7

3가지 방법: 1. 필터 사용 2. 속성 계산 3. 이벤트 방법 이벤트 11-n 처리는 비교적 간단합니다