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 목록 을 대량으로 편집 하 는 방법 은 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[백견불여일타/Vue.js] 4장 - 입력 폼 데이터 가져오기v-model 데이터 입력 select 지난 장에서는 v-bind를 이용해서 HTML 태그 속성 값을 Vue로 다루는 법을 배웠습니다. 이번에는 사용자가 입력한 데이터를 Vue로 가져오는 법에 대해 다룹니다. 웹 페...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.