<template>
<view>
<view class="index">
<view class="flex-row flex">
<view class="mybill-text">提现方式:</view>
<view class="mybill-text">
<select v-model="editSelectTypeLists" :label-in-value="true" class = "selectType" @change="selectTypeChange" ref="addRequestState">
<option v-for="(item,index) in selectTypeLists" :key="index" :value = "item.value">{{item.name}}</option>
</select>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
selectTypeLists:[
{value:"0",name:'银行卡提现(默认方式)'},
{value:"1",name:'微信提现'}
],
withdrawType:'',
wxDepositShow:false,
}
},
created() {
this.editSelectTypeLists = this.selectTypeLists[0].value; /* 默认选中 */
},
methods: {
selectTypeChange(){
let index = this.$refs.addRequestState.value
console.log("index:"+index)
if(index == this.selectTypeLists[0].value){
this.wxDepositShow=true;
}else{
this.wxDepositShow=false;
}
},
}
}
</script>
uni-app获取select下标值
最新推荐文章于 2024-06-11 15:34:58 发布