在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ [Vue warn]: <transition-group> chi

[Vue warn]: <transition-group> children must be keyed: <ElTag>

使用vue+element-ui搭建的前端,在用遠(yuǎn)程檢索的選擇框組件的時(shí)候出現(xiàn)了一個(gè)很詭異的事情:

<el-form-item label="關(guān)聯(lián)對(duì)話(huà)">
    <el-select
        v-model="relatedDialogAdd"
        multiple
        filterable
        remote
        reserve-keyword
        placeholder="請(qǐng)輸入關(guān)鍵詞"
        :remote-method="remoteMethod"
        :loading="loading">
        <el-option
            v-for="(item,key) in relatedDialogOpts"
            :key="key"
            :label="item.label"
            :value="item.value">
        </el-option>
    </el-select>
</el-form-item>
remoteMethod(query) {
    let param;
    query === '' ? param = {} : param = {search: query};

    this.$axios.get(this.ip +'/getchat',{
        params: param
    }).then(res => {
        let data = res.data.data.data;
        this.loading = true;
        setTimeout(_ => {
            this.loading = false;
            this.relatedDialogOpts = data.map(item => {
                return {
                    value: item.next_id,
                    label: item.inword
                };
            });
            console.log(this.relatedDialogOpts); //這個(gè)打印出的是[{label:"大米",value:null},{label:"蘋(píng)果",value:null}]類(lèi)似的數(shù)組格式
        }, 200);
    });
}

以上都是按照餓了么element-ui文檔里面的例子寫(xiě)的,數(shù)據(jù)格式啥的都一樣,key值也有了,但是還是一直報(bào)這個(gè)錯(cuò):

clipboard.png

clipboard.png

因?yàn)閗ey值有問(wèn)題,勾選一個(gè)就會(huì)直接全選上了,所以想問(wèn)下有人能看出來(lái)問(wèn)題出在哪里嗎?

回答
編輯回答
默念

你的key值都是null, 換一個(gè)key值字段吧

2017年5月8日 18:26
編輯回答
你的瞳

哈哈哈,我也遇到了,但是我找到了答案;
上面有一位其實(shí)說(shuō)的對(duì),item不支持對(duì)象,但是可以讓他支持的,關(guān)鍵在于一個(gè)配置“value-key”

在el-select里面配置value-key,另外我用的不是key,key我沒(méi)有配置,我也搞不懂他有什么用

然后el-option的value哪里配置位item,這樣el-select的model就是對(duì)象集合了

2017年2月17日 08:20
編輯回答
旖襯

解決了嗎?我遇到了同樣的問(wèn)題。。。

2017年5月8日 02:07
編輯回答
維她命

需要將el-select加一個(gè)value-key屬性,這個(gè)值是你綁定的值里面有的一個(gè)字段,且值不應(yīng)該是對(duì)象

作為 value 唯一標(biāo)識(shí)的鍵名,綁定值為對(duì)象類(lèi)型時(shí)必填
2018年6月3日 05:10