vue Cascader 級聯選擇器 一個小坑


級聯選擇器數據中,如果同一級數據中,value值不能重復,舉例如下,在下面這種情況,會有選不中的情況;解決方案,把第二層中的value值改掉,保證value都不一樣。

options: [{
    value: 1,
    label: 'Y',
    children: [{
        value: 'select',
        label: 'SELECT',
        children: [{
            value: 1,
            label: '非必選'
        },{
            value: 2,
            label: '必選'
        },],
    }, {
        value: 'input',
        label: 'INPUT',
        children: [{
            value: 1,
            label: '非必選'
        },{
            value: 2,
            label: '必選'
        },],
    }, {
        value: 'king',
        label: 'KING',
        children: [{
            value: 1,
            label: '非必選'
        },{
            value: 2,
            label: '必選'
        },],
    }, {
        value: 'time',
        label: 'TIME',
        children: [{
            value: 1,
            label: '非必選'
        },{
            value: 2,
            label: '必選'
        },],
    }]
},{
    value: 0,
    label: 'N',
}],

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM