12
我试图做一个单选按钮使用vuejs V-托运只有当我的if语句是真实的。有没有办法使用vuejs的v-if/v-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语句这里用于检查是否显示或隐藏输入。
任何帮助将是非常赞赏。
太感谢你了!这工作100% – rniocena
不客气!此外,您应该将答案标记为**已回答**以帮助其他遇到同样问题的人。 :) –
爱这个解决方案的清洁。 –