我正在使用一个项目来检索ballNum,如果选中:value = betType.option等于1,当我点击第一个选择的下拉选择列表时。似乎没有什么可以展示ballNum
HTML:
<h1 class="header-title">
<select style="border: 0;background: #d91e38;color: #ffffff;" v-model="option" @change="selectbetType(option)">
<option v-for="betType in betList.allBet" :value="betType.option">{{betType.name}}</option>
</select>
</h1>
<div class="pr bet-num clearfix" v-if="betType.option='1'">
<div class="bit fl">万位</div><i class="dot-right"></i>
<ul class="num-type display-box text-center fr" v-model="optionUnique" @change="selectoptionUnique(optionUnique)">
<li v-for="unique in uniqueBet" :value="unique.optionUnique" :class="{ 'active': unique === selected }" @click="choose(unique)">{{unique.uniqueBetz}}</li>
</ul>
<ul class="num-ball fr ballNum">
<li v-for="cell in ballNum" :class="{ 'active': cell === selected }" @click="choose(cell)">{{cell.num}}</li>
</ul>
</div>
数据:
betList: {
allBet : [
{
option : '1',
name : '五星-直选复式',
betTypeZ : [
{
digitPlace: [
{optionPlace: '万位'},
{optionPlace: '千位'},
{optionPlace: '白位'},
{optionPlace: '十位'},
{optionPlace: '个位'}
]
},
{
ballNum: [
{num: '0', selected: true},
{num: '1', selected: false},
{num: '2', selected: false},
{num: '3', selected: false},
{num: '4', selected: false},
{num: '6', selected: false},
{num: '7', selected: false},
{num: '8', selected: false},
{num: '9', selected: false}
]
},
{
uniqueBet: [
{uniqueBetz: '全', selected: true, optionUnique: ['0']},
{uniqueBetz: '大', selected: false, optionUnique: ['1']},
{uniqueBetz: '小', selected: false, optionUnique: ['2']},
{uniqueBetz: '奇', selected: false, optionUnique: ['3']},
{uniqueBetz: '偶', selected: false, optionUnique: ['4']},
{uniqueBetz: '清', selected: false, optionUnique: ['5']}
],
}
]
},