v-for里面el-radio的v-model的绑定问题

v-for里面对一个el-radio-group进行绑定。

<div class="studentLi" v-for="(item,index) in students" :key="index">
   <div class="operationMsg">
     <ul>
       <li>
        <div>
          <el-radio-group @change="console1" v-model="item.studyStatus">
              <el-radio label="1">上课</el-radio>
              <el-radio label="2">请假</el-radio>
              <el-radio label="3">旷课</el-radio>
              <el-radio label="4">补课</el-radio>
          </el-radio-group>
        </div>
       <div>
       </div>
      </li>
     </ul>
   </div>
</div>

也尝试过用 v-model='students[index].studyStatus'也不行, 点击了console1也不执行。
请教下这里怎么绑定。

studyStatus属性我是在mounted里面遍历加进去的。

已解决:
因为这个students是从前面传过来的,我在前面遍历加属性进来就可以了,好像是顺序问题。
回头把vue生命周期再学习学习

阅读 10.4k
3 个回答

解决了,之前studyStatus属性是在mounted里面遍历加进去的,我现在改了,因为这个students是从前面传过来的,我在前面遍历加属性进来就可以了,好像是顺序问题。

label要跟item.studyStatus 一致 点击改变item.studyStatus 自动选中相应的值

代码上绑定是没问题的,console1 也是会执行的,你打个log出来肯定有东西,但是你想要执行什么操作呢?是想在 console1 里获取当前改变的值么?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题