diff --git a/examples/docs/zh-CN/select.md b/examples/docs/zh-CN/select.md
index cf3a41b11..4e690276b 100644
--- a/examples/docs/zh-CN/select.md
+++ b/examples/docs/zh-CN/select.md
@@ -91,7 +91,7 @@
value: 'Guangzhou',
label: '广州'
}],
- value: '选项2',
+ value: '',
value2: '',
value3: '',
value4: '',
@@ -108,20 +108,9 @@
mounted() {
this.list = this.states.map(item => { return { value: item, label: item }; });
-// this.options4 = this.states.map(item => { return { value: item, label: item }; });
-// this.value9 = ['Vermont'];
},
methods: {
- empty() {
- this.value9 = ['New York'];
- },
- aa(val) {
- console.log('change', val)
- },
- bb() {
- this.options.splice(0, 1, { label: 'haha', value: 'haha' });
- },
remoteMethod(query) {
if (query !== '') {
this.loading = true;
@@ -151,11 +140,10 @@
### 基础用法
适用广泛的基础单选
-bb
:::demo `v-model`的值为当前被选中的`el-option`的 value 属性值
```html
-
+
aa
:::demo 为了启用远程搜索,需要将`filterable`和`remote`设置为`true`,同时传入一个`remote-method`。`remote-method`为一个`Function`,它会在输入值发生变化时调用,参数为当前输入值。需要注意的是,如果`el-option`是通过`v-for`指令渲染出来的,此时需要为`el-option`添加`key`属性,且其值需具有唯一性,比如此例中的`item.value`。
```html
@@ -529,7 +516,6 @@
v-model="value9"
multiple
filterable
- allow-create
remote
placeholder="请输入关键词"
:remote-method="remoteMethod"
diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue
index ecd0cca4d..15196342c 100644
--- a/packages/select/src/select.vue
+++ b/packages/select/src/select.vue
@@ -257,6 +257,7 @@
this.$refs.input.blur();
}
this.query = '';
+ this.selectedLabel = '';
this.resetHoverIndex();
if (!this.multiple) {
this.getOverflows();
@@ -287,8 +288,6 @@
options(val) {
this.optionsAllDisabled = val.length === val.filter(item => item.disabled === true).length;
- // 下面这行先去掉,因为 remote !multiple 时会有问题
-// this.selected = this.getSelected();
if (this.multiple) {
this.resetInputHeight();
}
@@ -577,6 +576,9 @@
},
mounted() {
+ if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
+ this.currentPlaceholder = '';
+ }
addResizeListener(this.$el, this.resetInputWidth);
this.selected = this.getSelected();
if (this.remote && this.multiple) {