element的下拉框封装

2. <!-- 仓位 -->
3. <template>
4.   <el-select
5.     clearable
6.     :value="value || []"
7.     class="ele-fluid"
8.     :filterable="true"
9.     placeholder="仓位"
10.     @input="updateValue"
11.   >
12.     <el-option
13.       v-for="item in data"
14.       :key="item.id"
15.       :value="item.id"
16.       :label="item.storageName"
17.     />
18.   </el-select>
19. </template>
21. <script>
22.   // import { listStorage } from '@/api/basic/storage/index';
23.   import { listStorage } from '@/api/basic/storage';
24.   export default {
25.     props: {
26.       // 选中的数据(v-model)
27.       value: [Array, String, Number],
28.       // 提示信息
29.       placeholder: {
30.         type: String,
31.         default: '请选择转入仓位'
32.       }
33.     },
34.     data() {
35.       return {
36.         //班次数据
37.         data: []
38.       };
39.     },
40.     created() {
41.       listStorage({})
42.         .then((list) => {
43.           this.loading = false;
44.           this.data = list;
45.           //   this.data = this.$util.toTreeData({
46.           //     data: list,
47.           //     idField: 'organizationId',
48.           //     parentIdField: 'parentId'
49.           //   });
50.           console.log(this.data);
51.           // this.$nextTick(() => {
52.           //   this.onNodeClick(this.data[0]);
53.           // });
54.         })
55.         .catch((e) => {
56.           this.loading = false;
57.           this.$message.error(e.message);
58.         });
59.     },
60.     methods: {
61.       /* 更新选中数据 */
62.       updateValue(value) {
63.         this.$emit('input', value);
64.       }
65.     }
66.   };
67. </script>

复制代码

@input="updateValue"
 :value="value || []"