el-checkbox check属性为true但页面却没有打勾?

一株草的剑意
  • 45

el-checkbox check属性为true但页面却没有打勾,这是什么鬼?
具体情况:

<el-checkbox
     v-for="itm in fieldList"
     :label="itm.label"
     :key="itm.label"
     :checked="itm.checked"
     border
     >{{ itm.checked + itm.label}}</el-checkbox>

image.png

我直接把数组的checked属性(我自己定义的一个属性)和label名字都打印出来,结果确实这样:
image.png
??? ???
勾选难道不是由check属性来控制的吗?我有点困惑,虽然这极有可能是一个很简单的问题但是作为前端小白的我还是不太懂,希望有知道的老哥帮忙看一下

回复
阅读 4.6k
4 个回答
落叶
  • 329

v-model="" 控制的 多看文档

image

你看看你是不是哪里写错了

__ZaEzgK
  • 5
新手上路,请多包涵

image.png
image.png
image.png
没问题啊

1、v-for 尽量不要写在功能元素上。
2、el-checkbox 不是原生checkbox,无:check api,对应api为 v-model

<template v-for="item in fieldList">
    <el-checkbox
     :label="item.label"
     :key="item.label"
     v-model="item.checked"
     border
     >
     {{ itm.checked + itm.label}}
    </el-checkbox>
</template> 
宣传栏