<el-select>修改

树选择示例修改
master
toesbieya 6 years ago
parent b6c8dc7bb1
commit 4d2cf28cc6
  1. 1
      vue/element-ui-personal/components/Select/Select.vue
  2. 11
      vue/src/views/example/components/treeSelectExample.vue

@ -589,7 +589,6 @@
}, },
resetInputHeight() { resetInputHeight() {
if (!this.filterable) return
this.$nextTick(() => { this.$nextTick(() => {
if (!this.$refs.reference) return if (!this.$refs.reference) return
let inputChildNodes = this.$refs.reference.$el.childNodes let inputChildNodes = this.$refs.reference.$el.childNodes

@ -1,6 +1,10 @@
<template> <template>
<div> <div style="width: 300px">
<tree-select v-model="value" :data="data" multiple filterable :filter-method="filter"/> <div class="tip-row">单选</div>
<tree-select v-model="single" :data="data" filterable :filter-method="filter"/>
<div class="tip-row">多选</div>
<tree-select v-model="multiple" :data="data" multiple filterable :filter-method="filter"/>
</div> </div>
</template> </template>
@ -14,7 +18,8 @@
data() { data() {
return { return {
value: [], single: '',
multiple: [],
data: [ data: [
{id: 1, label: '一级 1', children: [{id: 2, label: '二级 1-1'}, {id: 3, label: '二级 1-2'}]}, {id: 1, label: '一级 1', children: [{id: 2, label: '二级 1-1'}, {id: 3, label: '二级 1-2'}]},
{id: 4, label: '一级 2', children: [{id: 5, label: '二级 2-1'}]}, {id: 4, label: '一级 2', children: [{id: 5, label: '二级 2-1'}]},

Loading…
Cancel
Save