ElementUI 에서 switch 리 셋 함수 change 의 매개 변수 문제

2254 단어 ElementUIswitchchange
수요 설명
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 의 매개 변수 문 제 는 바로 소 편 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 가 되 고 저희 도 많이 응원 해 주시 기 바 랍 니 다.

좋은 웹페이지 즐겨찾기