drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #186

Browse source 
fixed #186
This commit is contained in:
梁灏 2017-01-13 16:46:20 +08:00
parent c35c53d830
commit f5ecd16777
2 changed files with 31 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/select/option-group.vue
View file

@ -1,8 +1,8 @@
<template>
<li :class="[prefixCls + '-wrap']">
<li :class="[prefixCls + '-wrap']" v-show="!hidden">
<div :class="[prefixCls + '-title']">{{ label }}</div>
<ul>
<li :class="[prefixCls]"><slot></slot></li>
<li :class="[prefixCls]" v-el:options><slot></slot></li>
</ul>
</li>
</template>
@ -18,8 +18,30 @@
},
data () {
return {
prefixCls: prefixCls
prefixCls: prefixCls,
hidden: false // for search
};
},
methods: {
queryChange () {
this.$nextTick(() => {
const options = this.$els.options.querySelectorAll('.ivu-select-item');
let hasVisibleOption = false;
for (let i = 0; i < options.length; i++) {
if (options[i].style.display !== 'none') {
hasVisibleOption = true;
break;
}
}
this.hidden = !hasVisibleOption;
});
}
},
events: {
'on-query-change' () {
this.queryChange();
return true;
}
}
};
</script>

18
test/routers/select.vue
View file

@ -1,16 +1,9 @@
<template>
<Row style="width: 400px">
<i-col span="12" style="padding-right:10px">
<i-select :model.sync="model11" filterable>
<i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
<i-select :model.sync="model7" style="width:200px"
filterable>
<i-option v-for="item in cityList | limitBy 3" :value="item.value">{{ item.label }}</i-option>
<i-option v-for="item in cityList | limitBy 3 3" :value="item.value">{{ item.label }}</i-option>
</i-select>
</i-col>
<i-col span="12">
<i-select :model.sync="model12" filterable multiple>
<i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
</i-select>
</i-col>
</Row>
</template>
<script>
export default {
@ -42,8 +35,7 @@
label: '重庆市'
}
],
model11: '',
model12: []
model7: ''
}
}
}