fixed Cascader bug

This commit is contained in:
梁灏 2017-08-09 16:45:22 +08:00
parent eaf51d3e5d
commit 53a6915a94
2 changed files with 55 additions and 52 deletions

View file

@ -1,60 +1,61 @@
<template> <template>
<div style="margin: 100px;width: 200px;"> <Cascader :data="data4" :load-data="loadData"></Cascader>
<Cascader :data="data" v-model="value1" change-on-select></Cascader>
</div>
</template> </template>
<script> <script>
export default { export default {
data () { data () {
return { return {
value1: [], data4: [
data: [{ {
value: 'beijing', value: 'beijing',
label: '北京', label: '北京',
children: [ children: [],
{ loading: false
value: 'gugong', },
label: '故宫' {
}, value: 'hangzhou',
{ label: '杭州',
value: 'tiantan', children: [],
label: '天坛' loading:false
}, }
{ ]
value: 'wangfujing', }
label: '王府井' },
} methods: {
] loadData (item, callback) {
}, { item.loading = true;
value: 'jiangsu', setTimeout(() => {
label: '江苏', console.log(1)
children: [ if (item.value === 'beijing') {
{ item.children = [
value: 'nanjing', // {
label: '南京', // value: 'talkingdata',
children: [ // label: 'TalkingData'
{ // },
value: 'fuzimiao', // {
label: '夫子庙', // value: 'baidu',
} // label: ''
] // },
}, // {
{ // value: 'sina',
value: 'suzhou', // label: ''
label: '苏州', // }
children: [ ];
{ } else if (item.value === 'hangzhou') {
value: 'zhuozhengyuan', item.children = [
label: '拙政园', {
}, value: 'ali',
{ label: '阿里巴巴'
value: 'shizilin', },
label: '狮子林', {
} value: '163',
] label: '网易'
} }
], ];
}] }
item.loading = false;
callback();
}, 1000);
} }
} }
} }

View file

@ -67,7 +67,9 @@
if (fromUser) { if (fromUser) {
cascader.isLoadedChildren = true; cascader.isLoadedChildren = true;
} }
this.handleTriggerItem(item); if (item.children.length) {
this.handleTriggerItem(item);
}
}); });
return; return;
} }