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

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

Vuejs:根據是否選中單選按鈕來更改布爾變量

Vuejs:根據是否選中單選按鈕來更改布爾變量

狐的傳說 2022-08-27 13:41:32
我需要根據條件顯示一個div,v-if=“addNewCard”。只有當它是真的,我需要顯示div。將 addNewCard 的值最初設置為 false。當用戶單擊單選按鈕 - 添加新卡時,我需要將其設置為 true 以顯示 div,但是如果用戶單擊另一個單選按鈕,則應使變量 false 隱藏 div。我怎樣才能做到這一點。如果它可以在不需要單擊時調用函數的情況下工作,那就太好了。            addNewCard: false            <div>                <b-form-group label="Payment Options">                    <b-form-radio v-model="selected" name="some-radios" value="A">Continue payment using the card **** **** ****</b-form-radio>                    <b-form-radio v-model="selected" name="some-radios" value="B">Add new Card</b-form-radio>                </b-form-group>            </div>            <div v-if="addNewCard">                  ............              </div>
查看完整描述

2 回答

?
慕田峪7331174

TA貢獻1828條經驗 獲得超13個贊

在此處使用計算方法:


computed: {

  addNewCard: {

    get: function () {

      return this.selected === 'A'

    }

  }

}

現在,如果值為 ,則為 true;如果值為 ,則為 false。addNewCardAB


可以在此處閱讀有關計算屬性的詳細信息


查看完整回答
反對 回復 2022-08-27
?
哆啦的時光機

TA貢獻1779條經驗 獲得超6個贊

 <div>

                <b-form-group label="Payment Options">

                    <b-form-radio v-model="selected" name="some-radios" value="A">Continue payment using the card **** **** ****</b-form-radio>

                    <b-form-radio v-model="selected" name="some-radios" value="B">Add new Card</b-form-radio>

                </b-form-group>

            </div>

            <div v-if="addNewCard">

                  ............  

            </div>



<script>

 data() {

   selected: ""  

 },

 computed: {

   addNewCart() {

    return this.selected === "A"   

   } 

 }

</script>

這現在應該有效。


查看完整回答
反對 回復 2022-08-27
  • 2 回答
  • 0 關注
  • 169 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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