文が真である場合、vuejsラジオボタンをチェックします。

Question

vuejs v-forを使用してラジオボタンをチェックしようとしています。このタイプの問題にvuejsのv-if/v-elseを使用する方法はありますか？ PHPやHTMLで

私は、次の手順を実行して、これを達成することができます：私は文がここにあるV-かどうかを知る

<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> 

：

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

以下

を私はこれまでvuejsを使用しているものです入力を表示するか非表示にするかをチェックします。

ご協力いただければ幸いです。

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/