diff --git a/src/views/knowledge/detail/components/otherSelect/otherIndex.vue b/src/views/knowledge/detail/components/otherSelect/otherIndex.vue index 16c4279..5dbd6a0 100644 --- a/src/views/knowledge/detail/components/otherSelect/otherIndex.vue +++ b/src/views/knowledge/detail/components/otherSelect/otherIndex.vue @@ -6,11 +6,11 @@ size="medium" ref="selectRef" @change="handleChange" - @visible-change="visibleChange" :options="options" :teleported="false" :show-all-levels="false" :props="cascaderProps" + :key="cascaderProps.multiple" :filterable="values[0] !== 1 && values[0] !== 0" :filter-method="filterMethod" @remove-tag="removeTag" @@ -38,6 +38,12 @@ export default { name: 'otherIndex', data() { return { + cascaderProps: { + multiple: false, + label: 'realName', + value: 'id' + // checkStrictly: true + }, values: [], userInfo: {}, options: [ @@ -72,19 +78,6 @@ export default { default: 'visibleRange' } }, - computed: { - cascaderProps() { - return { - multiple: () => { - return false - }, - label: 'realName', - value: 'id' - // checkStrictly: true - } - } - }, - methods: { removeTag(tag) { // 不能删除自己 @@ -136,9 +129,11 @@ export default { } else { this.values = [] this.$set(this.cascaderProps, 'multiple', true) + if (this.values.length === 0) { this.values.push([2, userInfo.id]) } + this.visibleChange() } } else { // 去重 如果包含就删除 @@ -156,7 +151,9 @@ export default { }, visibleChange() { - this.$refs.selectRef.visible = true // 重新展开下拉面板 + setTimeout(() => { + this.$refs.selectRef.dropDownVisible = true // 重新展开下拉面板 + }, 300) }, handleChange(value) {} },