vuejs définit un bouton radio coché si l'instruction est vraie

Je suis en train de faire un bouton radio contrôlé à l'aide de vuejs v-pour que si mon si-l'énoncé est vrai. Est-il possible d'utiliser vuejs' v-si/v-chose pour ce type de problème?

en php et html, j'ai peut atteindre cet objectif en procédant de la manière suivante:

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

Ci-dessous est ce que j'ai jusqu'à présent à l'aide de 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>

Je sais que le v-si la déclaration est ici de vérifier si d'afficher ou de masquer l'entrée.

Toute aide serait très appréciée.

source d'informationauteur rniocena

  1. 46

    Vous pouvez lier le checked attribut comme ceci:

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

    Exemple Simple: https://jsfiddle.net/b4k6tpj9/