위 챗 애플 릿 슬라이딩 선택 기의 실현 코드
위 챗 애플 릿 슬라이딩 선택 효과 구현
wxml 파일 에 서 는 picker 태그 로 선택 기 를 대표 합 니 다.bidchange 는 사용자 가 확인 을 클릭 한 후에 촉발 하 는 함수 입 니 다.index 는 picker 가 자체 적 으로 가지 고 있 는 매개 변수 입 니 다.사용자 가 확인 을 클릭 하면 bidchange 바 인 딩 함 수 는'detail.value'로 접근 할 수 있 습 니 다.첫 번 째 로 선택 한 index 값 은 0 으로 순서대로 증가 합 니 다.range 는 page 의 data 에서 배열 이 할당 하 는 값 을 정의 한 다음 배열 의 값 이 선택 기 에 있 는 옵션 으로 변 합 니 다.
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class='choseQuestion' >
{{choseQuestionBank}}
</view>
</picker>
Page({
data:{
array:[' ',' ',' ',' ','linux'],
type:0,
choseQuestionBank:" "
},
bindPickerChange: function (e) {
var that=this
console.log('picker ， ', e.detail.value)
this.setData({
type: e.detail.value,
choseQuestionBank: that.data.array[e.detail.value]
})
},
})
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
OpenSSL 생 성 ssl 인증서텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
