no message

Former-commit-id: 4e72fd1c81f9ce67598bf96b541f379ff9b1c9db
Former-commit-id: 63af6a14dc57891c70d0537cd7786be0418897a3
Former-commit-id: 7f25013fc09241bc4c96c5cc7a735c153bcb763b

src/pages/demo/business/table/keyboard/inedx.vue

@@ -10,7 +10,8 @@
           <el-input
             v-bind="inputSetting"
             placeholder="姓名"
-            :ref="keyboardExtentRefNameMaker(scope)">
+            :ref="refMaker(scope)"
+            @focus="handleFocus(scope)">
           </el-input>
         </template>
       </el-table-column>
@@ -19,7 +20,8 @@
           <el-input
             v-bind="inputSetting"
             placeholder="出生地"
-            :ref="keyboardExtentRefNameMaker(scope)">
+            :ref="refMaker(scope)"
+            @focus="handleFocus(scope)">
           </el-input>
         </template>
       </el-table-column>
@@ -28,7 +30,8 @@
           <el-input
             v-bind="inputSetting"
             placeholder="现居地"
-            :ref="keyboardExtentRefNameMaker(scope)">
+            :ref="refMaker(scope)"
+            @focus="handleFocus(scope)">
           </el-input>
         </template>
       </el-table-column>
@@ -37,12 +40,9 @@
 </template>
 
 <script>
+import sleep from '@/utils/sleep.js'
 import Mock from 'mockjs'
-import keyboardExtent from './keyboard-extend'
 export default {
-  mixins: [
-    keyboardExtent
-  ],
   data () {
     return {
       // 绑定到表格的数据
@@ -65,6 +65,9 @@ export default {
     // 自动请求数据
     this.getData()
   },
+  mounted () {
+    this.keyboardExtentInit()
+  },
   methods: {
     // 请求数据
     async getData () {
@@ -93,6 +96,30 @@ export default {
           }]
         }).list)
       })
+    },
+    // 返回ref名称
+    refMaker (scope) {
+      return `kb-${scope.$index}-${scope.column.property}-kb`
+    },
+    // 接收用户在表格元素上的“focus”事件 (也可能是别的事件触发)
+    handleFocus (scope) {
+      console.log(scope)
+    },
+    // 初始化键盘访问
+    async keyboardExtentInit () {
+      await sleep(1000)
+      for (const propName in this.$refs) {
+        const reg = /^kb-\d+-[a-zA-Z0-9-]+-kb$/
+        console.log(reg.test(propName))
+        if (this.$refs.hasOwnProperty(propName)) {
+          const input = this.$refs[propName].$refs.input
+          if (input) {
+            input.addEventListener('keydown', e => {
+              console.log(e)
+            })
+          }
+        }
+      }
     }
   }
 }

src/pages/demo/business/table/keyboard/keyboard-extend.js

@@ -1,22 +0,0 @@
-import sleep from '@/utils/sleep.js'
-
-export default {
-  mounted () {
-    this.keyboardExtentInit()
-  },
-  methods: {
-    // 初始化
-    async keyboardExtentInit () {
-      await sleep(1000)
-      for (const propName in this.$refs) {
-        if (this.$refs.hasOwnProperty(propName)) {
-          console.log(propName, this.$refs[propName])
-        }
-      }
-    },
-    // 返回ref名称
-    keyboardExtentRefNameMaker (scope) {
-      return `kb-${scope.$index}-${scope.column.property}-kb`
-    }
-  }
-}