Подтвердить что ты не робот

Vuejs установил переключатель, если утверждение истинно

Я пытаюсь установить переключатель с помощью vuejs v-only, только если мой if-statement является истинным. Есть ли способ использовать vue-v/if-else vuejs для этого типа проблемы?

в 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-if здесь предназначена для проверки того, показывать или скрывать ввод.

Любая помощь будет очень оценена.

4b9b3361

Ответ 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/