fix(components): [switch] tabindex property doesn't work (#8101)

packages/components/switch/__tests__/switch.test.ts

@@ -42,6 +42,15 @@ describe('Switch.vue', () => {
     expect(wrapper.find('.el-switch--large').exists()).toBe(true)
   })
 
+  test('tabindex', () => {
+    const wrapper = mount(Switch, {
+      props: {
+        tabindex: '0',
+      },
+    })
+    expect(wrapper.find('.el-switch__input').attributes().tabindex).toBe('0')
+  })
+
   test('inline prompt', () => {
     const wrapper = mount(Switch, {
       props: {

packages/components/switch/src/switch.ts

@@ -93,6 +93,9 @@ export const switchProps = buildProps({
     type: String as PropType<ComponentSize>,
     validator: isValidComponentSize,
   },
+  tabindex: {
+    type: [String, Number],
+  },
 } as const)
 
 export type SwitchProps = ExtractPropTypes<typeof switchProps>

packages/components/switch/src/switch.vue

@@ -12,6 +12,7 @@
       :true-value="activeValue"
       :false-value="inactiveValue"
       :disabled="switchDisabled"
+      :tabindex="tabindex"
       @change="handleChange"
       @keydown.enter="switchValue"
     />