vue.js 배열 위 치 를 이동 하고 보 기 를 업데이트 하 는 방법

vue.js v-for 를 사용 하여 여러 개의 옵션 을 연결 하려 면 옵션 을 정렬 하고 상하 이동 해 야 합 니 다.

options 에서 배열 의 위 치 를 교환 해 야 합 니 다.보통 이렇게 씁 니 다.
앞으로 이동 하 는 것 을 가정 합 니 다:

var index = this.options.indexOf(option); //                。
var tempOption = this.options[index-1]; //     
this.options[index-1] = option;(this.options[index])
this.options[index] = tempOption;
이렇게 해서 확실히 배열 의 순 서 를 바 꾸 었 지만 보 기 는 업데이트 되 지 않 고 이동 했다.vue 홈 페이지 배열 에 대한 설명 을 참조 하 십시오.
해결 방법 중 하 나 는 그의 대상 을 바 꾸 고 vue 의 set 방법 을 사용 하 는 것 이다.

var index = options.indexOf(option); 
var tempOption = options[index - 1]; 
Vue.set(options, index - 1, options[index]); 
Vue.set(options, index, tempOption); 
이상 의 vue.js 가 배열 의 위 치 를 이동 하 는 동시에 보 기 를 업데이트 하 는 방법 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기