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

update Select

Browse source
This commit is contained in:
梁灏 2017-05-08 14:22:24 +08:00
parent 6f8608bbc2
commit d87ce40a74
2 changed files with 26 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
examples/routers/select.vue
View file

@ -1,18 +1,19 @@
<template> <template>
<div style="width: 200px;margin: 100px;"> <Row>
{{ model }} <i-col span="4">{{model}}</i-col>
<i-select v-model="model" filterable remote :remote-method="remoteMethod" :loading="loading" clearable style="width:200px"> <i-col span="8">
<i-option v-for="option in options" :value="option.value" :key="option">{{option.label}}</i-option> <i-select v-model="model" multiple filterable remote :remote-method="remoteMethod" :loading="loading" clearable>
</i-select> <i-option v-for="option in options" :value="option.value" :key="option">{{option.label}}</i-option>
<!--<Button @click="handleAdd">+</Button>--> </i-select>
</div> </i-col>
</Row>
</template> </template>
<script> <script>
export default { export default {
data () { data () {
return { return {
model: '', model: [],
options: [ options: [
], ],

19
src/components/select/select.vue
View file

@ -300,7 +300,7 @@
}, },
updateMultipleSelected (init = false, slot = false) { updateMultipleSelected (init = false, slot = false) {
if (this.multiple && Array.isArray(this.model)) { if (this.multiple && Array.isArray(this.model)) {
let selected = []; let selected = this.remote ? this.selectedMultiple : [];
for (let i = 0; i < this.model.length; i++) { for (let i = 0; i < this.model.length; i++) {
const model = this.model[i]; const model = this.model[i];
@ -317,7 +317,16 @@
} }
} }
this.selectedMultiple = selected; const selectedArray = [];
const selectedObject = {};
selected.forEach(item => {
if (!selectedObject[item.value]) {
selectedArray.push(item);
selectedObject[item.value] = 1;
}
});
this.selectedMultiple = this.remote ? selectedArray : selected;
if (slot) { if (slot) {
let selectedModel = []; let selectedModel = [];
@ -340,6 +349,12 @@
if (this.disabled) { if (this.disabled) {
return false; return false;
} }
if (this.remote) {
const tag = this.model[index];
this.selectedMultiple = this.selectedMultiple.filter(item => item.value !== tag);
}
this.model.splice(index, 1); this.model.splice(index, 1);
if (this.filterable && this.visible) { if (this.filterable && this.visible) {