Vue2.0 V-if条件满足然后循环div-for

时间:2017-03-31 06:46:17

标签: jquery vue.js vuejs2

我正在使用一个项目来检索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']}
                        ],
                      }
                    ]
                  },

0 个答案:

没有答案
相关问题