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

鍍金池/ 問答/HTML5  HTML/ element ui 的樹形組件綁值問題

element ui 的樹形組件綁值問題

項(xiàng)目中用到element UI 的樹形組件tree,現(xiàn)在是希望組件中選中的項(xiàng)在打開頁面時(shí)能夠顯示出來,自己向后臺請求到數(shù)據(jù)之后,賦值給了default-checked-keys中的變量,是數(shù)組形式,可是頁面中就是不顯示,然而,寫成靜態(tài)的數(shù)組就能顯示在頁面中,實(shí)在不明白原理,希望知道的大神們能夠指點(diǎn)一下。相關(guān)代碼如下:
template中內(nèi)容:

                        <el-tree
                          :data="user_role"
                          show-checkbox
                          node-key="user_id"
                          :default-expanded-keys="[2, 3]"
                          :default-checked-keys="checkedStaffIds"
                           :filter-node-method="filterNodeBefore"
                          :props="defaultProps"
                            ref="editStaff"
                          >
                        </el-tree>

js部分:

    getUser(){
            let self = this;
            console.log(this.EditForm.id);
            axios.get('/role/showUser',{
                params:{
                    role_id:this.EditForm.id
                        }
                    }
                ).then(function(response){
                    self.checkedStaffIds = response.data.contents.look_user;
                    console.log(self.checkedStaffIds);
            })
        },
                

數(shù)據(jù)格式:

clipboard.png

上面賦值給checkedStaffIds 沒有用,但是在data數(shù)據(jù)中直接寫成下面這樣卻可以綁定成功:

clipboard.png

求教求教~

回答
編輯回答
薄荷糖

default-checked-keys是初始化加載的時(shí)候用的,可能你數(shù)據(jù)請求到的時(shí)候樹組件已經(jīng)加載完成了,這時(shí)候改變default-checked-keys的值就沒有用了。

需要通過this.$refs.tree.setCheckedNodes來設(shè)置選中節(jié)點(diǎn)

2018年7月28日 09:18
編輯回答
兮顏

是不是你異步請求前就初始化了tree 你可以加上個(gè)v-if判斷 默認(rèn)checked有值后再加載組件

2018年8月22日 16:31