美文网首页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