Element UI checkbox 使用 key 綁定

<el-checkbox-group v-model="languageForm.language" @change="onChange">
        <div v-for="item in languageOptions" :key="item.key">
                <el-checkbox :label="item.key" name="language">@{{item.title}}</el-checkbox>
        </div>
</el-checkbox-group>

 languageOptions: [
                    {
                        key: 'cn',
                        title: '簡(jiǎn)體中文',
                        flag: 'http://www.nanodream.net/public/images/flag/cn.gif'
                    },
                    {
                        key: 'en',
                        title: '英語(yǔ)',
                        flag: 'http://www.nanodream.net/public/images/flag/en.gif'
                    },
                    {
                        key: 'fa',
                        title: '波斯語(yǔ)',
                        flag: 'http://www.nanodream.net/public/images/flag/fa.gif'
                    },
                    {
                        key: 'ar',
                        title: '阿拉伯語(yǔ)',
                        flag: 'http://www.nanodream.net/public/images/flag/ar.gif'
                    },
                    {
                        key: 'ms',
                        title: '馬來(lái)語(yǔ)',
                        flag: 'http://www.nanodream.net/public/images/flag/ms.gif'
                    },
                    {
                        key: 'bn',
                        title: '孟加拉語(yǔ)',
                        flag: 'http://www.nanodream.net/public/images/flag/bn.gif'
                    },
                    {
                        key: 'ur',
                        title: '烏爾都語(yǔ)',
                        flag: 'http://www.nanodream.net/public/images/flag/ur.gif'
                    },
                    {
                        key: 'tr',
                        title: '土耳其語(yǔ)',
                        flag: 'http://www.nanodream.net/public/images/flag/tr.gif'
                    },
                    {
                        key: 'id',
                        title: '印尼語(yǔ)',
                        flag: 'http://www.nanodream.net/public/images/flag/id.gif'
                    }
                ],
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容