vue.js - vue v-for循环默认选中第一个

问题描述

问 题

为什么样式是第一个默认选中了，而里面的input radio却是最后一个
addrSelected初始值是0,
如何修改？
chooseAddr: function (index) {

    this.addrSelected = index
  }

解决方案

<input type="radio" :checked="index==addrSelected"/>

这么写
原因你写下下面的三个,只要是存在checked属性，不论值是什么,那怕是false,也会是选中，你就把这些特殊的属性当做，存在即为真就行了。

<input type="radio" checked=""/>
<input type="radio" checked/>
<input type="radio" checked=false/>

按照你的绑定方法是，checked的值渲染为'checked'或者空。正确的做法是，判断是否渲染checked这个属性

这篇关于vue.js - vue v-for循环默认选中第一个的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！