美文网首页
vue有关el-select全选问题

vue有关el-select全选问题

作者: 顺小星 | 来源:发表于2020-03-24 15:26 被阅读0次
点击“全选”之前:
image.png
点击“全选”之后:
image.png

html内:(框内为关键代码,在el-option数组上面加一个全选的选项)

image.png

data中定义:

data(){
    return{
        AllRangeDictCodeList: [],
        selectedDeptList: [],
    }
}

watch监听:

watch: {
            selectedDeptList: {
                handler: function(value) {
                    if (value.includes('000')) {
                        this.$set(this, 'selectedDeptList', this.AllRangeDictCodeList)
                    }
                },
                deep: true
            },
}

相关文章

网友评论

      本文标题:vue有关el-select全选问题

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