This commit is contained in:
梁灏 2017-09-03 12:02:30 +08:00
parent 8a392d25fc
commit 0e4166bd0a
2 changed files with 15 additions and 60 deletions

View file

@ -1,15 +1,13 @@
<template> <template>
<div style="margin: 100px;width: 200px;"> <div style="width: 200px;margin: 100px;">
{{ value }} <Cascader :data="data" v-model="value1"></Cascader>
<Cascader v-model="value" :data="data" change-on-select></Cascader>
<Button @click="change">change</Button>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data () { data () {
return { return {
value: [], value1: [],
data: [{ data: [{
value: 'beijing', value: 'beijing',
label: '北京', label: '北京',
@ -58,61 +56,6 @@
], ],
}] }]
} }
},
methods: {
change () {
this.data = [{
value: 'beijing2',
label: '北京',
children: [
{
value: 'gugong2',
label: '故宫'
},
{
value: 'tiantan2',
label: '天坛'
},
{
value: 'wangfujing2',
label: '王府井'
}
]
}, {
value: 'jiangsu2',
label: '江苏',
children: [
{
value: 'nanjing2',
label: '南京',
children: [
{
value: 'fuzimiao2',
label: '夫子庙',
}
]
},
{
value: 'suzhou2',
label: '苏州',
children: [
{
value: 'zhuozhengyuan2',
label: '拙政园',
},
{
value: 'shizilin2',
label: '狮子林',
}
]
}
],
}];
this.$nextTick(() => {
this.value = ['beijing2', 'tiantan2'];
});
}
} }
} }
</script> </script>

View file

@ -149,6 +149,18 @@
.ivu-select-item span{ .ivu-select-item span{
color: @error-color; color: @error-color;
} }
.@{cascader-prefix-cls} {
&-menu{
&-item{
padding-right: 24px;
transition: all @transition-time @ease-in-out;
&-active{
background-color: @background-color-select-hover;
color: @primary-color;
}
}
}
}
} }
.@{form-item-prefix-cls}-error{ .@{form-item-prefix-cls}-error{