亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue 根據給定屬性渲染元素

Vue 根據給定屬性渲染元素

HUH函數 2023-10-20 16:15:53
我有下面的塊<div>  <b-card no-body>    <b-tabs pills card vertical no-key-nav v-model="step">      <b-tab title="Subject" v-for="animal in animals" :key="animal" v-show="animal=1">        <b-card-text>          <enrollment-form>          </enrollment-form>        </b-card-text>      </b-tab>    </b-tabs>  </b-card></div>我只是想一次顯示一個給定的組件。問題是,我同時呈現所有選項卡。當輸入進入時,我只是要使用按鈕來迭代“步驟”。編輯Data below  data: () => {    return {      step: 2,      animals: Array(3),    }  },
查看完整描述

1 回答

?
慕運維8079593

TA貢獻1876條經驗 獲得超5個贊

不要在同一元素中組合v-showwith并使用比較而不是賦值:v-for


  <b-tab title="Subject" v-for="animal in animals" :key="animal" >

        <b-card-text v-show="animal==1">

          <enrollment-form>

          </enrollment-form>

        </b-card-text>

      </b-tab>

你的數據應該是這樣的:




  data: () => {

    return {

      step: 2,

      animals: [...Array(3)].map((_,i)=>i+1),

    }

  },


查看完整回答
反對 回復 2023-10-20
  • 1 回答
  • 0 關注
  • 141 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號