H5W3
当前位置:H5W3 > 问答 > 正文

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

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>

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

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

回答

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

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

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

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

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> 

本文地址:H5W3 » el-checkbox check属性为true但页面却没有打勾?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址