vuejs ने कथन सत्य होने पर एक रेडियो बटन सेट किया है

Question

मैं vuejs v का उपयोग करके एक रेडियो बटन चेक करने की कोशिश कर रहा हूं - केवल अगर मेरा if-statement सत्य है। इस प्रकार की समस्या के लिए vuejs 'v-if/v-else का उपयोग करने का कोई तरीका है?

php और html में मैं ऐसा करके इस लक्ष्य को हासिल कर सकते हैं निम्नलिखित:

<input type="radio" <? if(portal.id == currentPortalId) ? 'checked="checked"' : ''?>> 

नीचे क्या मैं vuejs अब तक का उपयोग कर रहा है:

<div v-for="portal in portals"> 
<input type="radio" id="{{portal.id}}" name="portalSelect" 
    v-bind:value="{id: portal.id, name: portal.name}" 
    v-model="newPortalSelect" 
    v-on:change="showSellers" 
    v-if="{{portal.id == currentPortalId}}" 
    checked="checked"> 
<label for="{{portal.id}}">{{portal.name}}</label> 
</div> 

मैं जानता हूँ कि v-अगर बयान यहाँ है यह जांचने के लिए कि इनपुट को दिखाने या छिपाना है या नहीं।

किसी भी मदद की बहुत सराहना की जाएगी।

Answer 1

आप इस तरह checked विशेषता बाँध सकता है:

<div v-for="portal in portals"> 
    <input type="radio" 
     id="{{portal.id}}" 
     name="portalSelect" 
     v-bind:value="{id: portal.id, name: portal.name}" 
     v-model="newPortalSelect" 
     v-on:change="showSellers" 
     :checked="portal.id == currentPortalId"> 

    <label for="{{portal.id}}">{{portal.name}}</label> 
</div> 

सरल उदाहरण: https://jsfiddle.net/b4k6tpj9/