美文网首页VueJS
在vue项目中使用elementui之checkbox

在vue项目中使用elementui之checkbox

作者: 壹家全栈 | 来源:发表于2018-11-07 16:22 被阅读82次

    elementui对于checkbox的应用也是非常广泛的,checkbox一般都是以集合的形式出现。

    而你的checkbox也有很大的程度是绑定在你的列表里面。例如这样:

    动态加载的checkbox

    而在elementui中的checkbox绑定的是label的值,但是一般情况下,我们希望绑定的是id。显示的是name.

    因为我们的label绑定id的话,在进行增删改查操作的时候,我们只需要在你的checkbox-group上面绑定一个 Array。即可获取你所有选中项的id。

    有一种情况出现了:

    我们想要使用label绑定id,但是又不想要显示label。那么我们该怎么办呢?

    只需要这么写就可以了:



    你的label绑定id,然后中间绑定你的name。。

    并不需要修改源文件。

    你的脸是不是又方了?

    相关文章

      网友评论

        本文标题:在vue项目中使用elementui之checkbox

        本文链接:https://www.haomeiwen.com/subject/uwpvxqtx.html