fixed Cascader style error

This commit is contained in:
梁灏 2018-03-12 16:09:28 +08:00
parent b45a0e685b
commit 47dc36c58b
2 changed files with 16 additions and 22 deletions

View file

@ -1,66 +1,59 @@
<template> <template>
<div style="margin: 100px;width: 300px;"> <Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
<Cascader v-model="value" :data="data" change-on-select></Cascader>
</div>
</template> </template>
<script> <script>
export default { export default {
data () { data () {
return { return {
value: ['beijing', 'gugong'], data: [{
data: [] value: 1,
}
},
mounted () {
setTimeout(() => {
this.data = [{
value: 'beijing',
label: '北京', label: '北京',
children: [ children: [
{ {
value: 'gugong', value: 11,
label: '故宫' label: '故宫'
}, },
{ {
value: 'tiantan', value: 12,
label: '天坛' label: '天坛'
}, },
{ {
value: 'wangfujing', value: 13,
label: '王府井' label: '王府井'
} }
] ]
}, { }, {
value: 'jiangsu', value: 2,
label: '江苏', label: '江苏',
children: [ children: [
{ {
value: 'nanjing', value: 21,
label: '南京', label: '南京',
children: [ children: [
{ {
value: 'fuzimiao', value: 211,
label: '夫子庙', label: '夫子庙',
} }
] ]
}, },
{ {
value: 'suzhou', value: 22,
label: '苏州', label: '苏州',
children: [ children: [
{ {
value: 'zhuozhengyuan', value: 221,
label: '拙政园', label: '拙政园',
}, },
{ {
value: 'shizilin', value: 222,
label: '狮子林', label: '狮子林',
} }
] ]
} }
], ],
}]; }],
}, 100) value3: []
}
} }
} }
</script> </script>

View file

@ -93,6 +93,7 @@
text-align: center; text-align: center;
color: @btn-disable-color; color: @btn-disable-color;
li:not([class^=ivu-]){ li:not([class^=ivu-]){
list-style: none;
margin-bottom: 0; margin-bottom: 0;
} }
} }