vue.js 동적 으로 연 결 된 라디오 목록 을 대량으로 편집 하 는 방법


각 제목 이 연 결 된 제목 구 조 는 다음 과 같 습 니 다.매번 동적 추가 옵션 은 vue 인 스 턴 스 의 특정한 배열 대상 에 추가 하 는 것 입 니 다.

vm.options.push({ id: "", text: "   ", checked: false }); 
현재 라디오 나 checkbox 집합 목록 을 대량으로 추가 합 니 다.여 기 는 textarea 용기 에 사 용 됩 니 다.
textare 의 모든 줄 은 하나의 데이터 입 니 다.그 내 부 는 리 턴 에 따라 구분 합 니 다(break-ord 자동 으로 줄 을 바 꾸 는 것 은 계산 되 지 않 습 니 다).모든 줄 은 하나의 대상 이 고 전체적으로 텍스트 배열 입 니 다.다음 과 같이 가 져 옵 니 다.

var contents = $("#optionsArea").val().split("
");
배열 을 가 져 옵 니 다.그 는 텍스트 배열 일 뿐 입 니 다.우리 가 동적 으로 연결 한 radio 목록 은 json 대상 이기 때문에 텍스트 배열 을 vue 바 인 딩 과 일치 하 는 형식 으로 바 꿉 니 다.
먼저 배열 비우 기:

vm.options.length = 0; 
텍스트 배열 을 vue 바 인 딩 에 필요 한 데이터 구조 로 표시 합 니 다:

vm.options = contents.map(function (item, index, arr) { 
 return { 
 id: "", 
 text: item, 
 checked: false 
 } 
}); 
이상 의 vue.js 가 동적 으로 연 결 된 radio 목록 을 대량으로 편집 하 는 방법 은 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기