Vue.js 如何仅检查vuejs v-for中的第一个收音机?

Vue.js 如何仅检查vuejs v-for中的第一个收音机?,vue.js,vuejs2,Vue.js,Vuejs2,如何在vuejs中的输入上放置inline if in checked属性 这是我的密码 <div v-for="(element,index) in elements" :key="element.id" class="col"> <input type="radio" name="test[]" :value="element.id" :checked="if (index==0):'checked'"> </div> Igot错误消息:避免

如何在vuejs中的输入上放置inline if in checked属性

这是我的密码

<div v-for="(element,index) in elements" :key="element.id" class="col">
    <input type="radio" name="test[]" :value="element.id" :checked="if (index==0):'checked'">
</div>

Igot错误消息:避免使用JavaScript关键字作为属性名:“if” 原始表达式::checked=“if(index==0)“checked”

这是如何执行的:

<div v-for="(element,index) in elements" :key="element.id" class="col">
    <input type="radio" name="test[]" :value="element.id" :checked="index===0 ? true: false">
</div>


您需要一个三元表达式:
:checked=“index==0?true:false”
。实际上,您不能内联编写太多代码,还可以传递一个可以接收索引的函数,比如:
:checked=“someVar”
@change=“changecheed(index)”`the。函数
changeChecked
将接收索引并切换
someVar
属性。@Michael,收到了,谢谢你,请随意更新我的评论:-)@Michael,是的,我想这样做,但不幸的是我不能更新投票,我想因为我是新手!