ElementUI 에서 switch 리 셋 함수 change 의 매개 변수 문제
8 개의 switch 구성 요소,같은 반전 함수 사용
switch 구성 요소 상태 가 바 뀌 었 을 때 현재 스위치 상 태 를 알 아야 합 니 다.
현재 어떤 switch 인지 알 아야 합 니 다.
문제 설명
공식 문서 에 따라 switch 이벤트 에 대한 설명
이벤트 이름
설명 하 다.
리 턴 매개 변수
change
switch 상태 변화 시 반전 함수
새 상태의 값
다음 에 이렇게 쓰 면 두 번 째 수 요 를 만족 시 킬 수 있 습 니 다.change 리 셋 함수 의 매개 변수 인 callback 은 현재 상태 값 을 끄 는 것 입 니 다.기본 값 은 boolean 형식 이지 만 세 번 째 수 요 는 해결 되 지 않 습 니 다.
<el-switch
v-model="value1"
@change='changeStatus'>
</el-switch>
<script>
var vm = new Vue({
el: "#app",
data: {
value1: true
},
methods: {
change: function(callback){
console.log(callback);
}
}
})
</script>
해결 방법다음 코드 의$event 는 switch 의 현재 상태 값 이 고 num 은 사용자 정의 매개 변수 입 니 다.
<el-switch
v-model="value1"
@change='changeStatus($event,1)'>
</el-switch>
<el-switch
v-model="value2"
@change='changeStatus($event,2)'>
</el-switch>
<script>
var vm = new Vue({
el: "#app",
data: {
value1: true,
value2: false
},
methods: {
change: function($event,num){
console.log($event);
console.log(num);
}
}
})
</script>
확장 지식:element-ui(vue 버 전)를 기반 으로 switch 를 사용 할 때 change 반전 함수 의 형 삼 값 문제수요 설명
switch 구성 요소 가 여러 개 있 습 니 다.
switch 상 태 를 알 아야 돼 요.
표 의 현재 줄(scope.row)데이터
문제 설명
공식 문서 에서 switch 의 change 에 대한 설명:
현재 switch 의 상태 값 을 얻 을 수 있 지만 change 반전 에서 두 번 째 인삼 의 값 을 얻 을 수 없습니다.
해결 방법:
change 반전 함수 기본 인삼 의 실제 인삼 은$event 이 고 다른 실제 인삼 은 자신 이 필요 로 하 는 데 이 터 를 전송 하면 ok 입 니 다.
위 에서 언급 한 ElementUI 에서 switch 리 셋 함수 change 의 매개 변수 문 제 는 바로 소 편 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 가 되 고 저희 도 많이 응원 해 주시 기 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ElementUI에서 양식 제출 버튼을 비활성화합니다.ElementUI를 사용하여 양식을 작성하고 있습니다. 공식 샘플에서 볼 수 있듯이 submit 버튼을 누를 때 유효성 검사를 발화하는 것은 간단합니다. 다만, 이번은 form를 초기 표시했을 때에 submit 버튼...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.