修改取值过滤错误

examples/containers/Transfer.vue

@@ -4,8 +4,8 @@
       v-model="value"
       :list="list"
       :mapProps="{
-        key: 'id',
-        label:'label'
+        key: 'areaId',
+        label:'areaName'
       }"
     >
       <template
@@ -13,12 +13,12 @@
         slot-scope="option"
       >
         <div class="option-wrap">
-          <span>{{option.data.label}}</span>
-          <span>{{option.data.name}}</span>
-          <span>{{option.data.label}}</span>
+          <span>{{option.data.areaId}}</span>
+          <span>{{option.data.areaName}}</span>
         </div>
       </template>
     </ks-transfer>
+    <el-button @click="getData">刷新数据</el-button>
   </list-layout>
 </template>
 
@@ -27,22 +27,28 @@ export default {
   name: 'transferPage',
   data() {
     return {
-      list: [
-        { id: 1, label: '1111', name: '213' },
-        { id: 2, label: '2222', name: '213' },
-        { id: 3, label: '3333', name: '213' },
-        { id: 4, label: '3223', name: '213' },
-        { id: 5, label: '5555', name: '213' },
-        { id: 6, label: '6666', name: '213' },
-        { id: 7, label: '7777', name: '213' },
-        { id: 8, label: '8888', name: '213' },
-        { id: 9, label: '9999', name: '213' },
-        { id: 10, label: '1465', name: '213' },
-        { id: 11, label: '2387', name: '213' },
-      ],
-      value: [1, 3],
+      list: [],
+      value: [],
     };
   },
+  methods: {
+    getData() {
+      this.list = [
+        { areaId: 22, areaName: '' },
+        { areaId: 23, areaName: '新疆昌吉职业技术学院' },
+        { areaId: 24, areaName: '沈阳药科大学溪湖校区' },
+        { areaId: 25, areaName: '山东大学兴隆山校区' },
+        { areaId: 26, areaName: '山东师范大学长清湖校区' },
+        { areaId: 27, areaName: '山东交通学院长清校区' },
+        { areaId: 29, areaName: '上海滢致校区' },
+        { areaId: 35, areaName: '沈阳职业技术学院' },
+        { areaId: 36, areaName: '嘉兴南洋职业技术学院浙江校区' },
+        { areaId: 56, areaName: '长安区教育局' },
+        { areaId: 15, areaName: '多彩温江校区' },
+      ];
+      this.value = [];
+    },
+  },
 };
 </script>
 

package.json

 {
   "name": "rym-element-ui",
-  "version": "0.1.74",
+  "version": "0.1.75",
   "description": "任意门组件库",
   "main": "lib/rymUi.common.js",
   "scripts": {

src/components/Transfer/Transfer.vue

@@ -177,7 +177,7 @@ export default {
   name: 'ks-transfer',
   props: {
     titles: Array,
-    list: Array,
+    list: { type: Array, default: () => [] },
     value: Array,
     onChange: Function,
     mapProps: {
@@ -215,13 +215,15 @@ export default {
   },
   computed: {
     allDataOptions() {
-      return this.list
-        .filter(i => !this.trueValue.includes(i[this.mapProps.key]))
-        .filter(i =>
+      let list = this.list.filter(
+        i => !this.trueValue.includes(i[this.mapProps.key])
+      );
+      list = list.filter(i =>
         this.filters.allValue
           ? i[this.mapProps.label].includes(this.filters.allValue)
-            : i.label.includes(this.filters.allValue)
+          : true
       );
+      return list;
     },
     selectDataOptions() {
       return this.list
@@ -229,7 +231,7 @@ export default {
         .filter(i =>
           this.filters.selectedValue
             ? i[this.mapProps.label].includes(this.filters.selectedValue)
-            : i.label.includes(this.filters.selectedValue)
+            : true
         );
     },
   },