fix(components): 修复 Vue2 组件的 nativeProps 失效的问题，fix #10689

NervJS · Nov 22, 2021 · c721f26 · c721f26
1 parent 2f48e95
commit c721f26
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/taro-components/h5/vue/createComponent.js b/packages/taro-components/h5/vue/createComponent.js
@@ -5,9 +5,13 @@ export default function createComponent (name, classNames = []) {
   return {
     name,
     mixins: [listeners, refs],
+    props: ['nativeProps'],
     render (createElement) {
       return createElement(`${name}-core`, {
         class: ['hydrated', ...classNames],
+        domProps: {
+          nativeProps: this.nativeProps
+        },
         on: this.listeners
       }, this.$slots.default)
     }

diff --git a/packages/taro-components/h5/vue/createFormsComponent.js b/packages/taro-components/h5/vue/createFormsComponent.js
@@ -1,7 +1,11 @@
 import { listeners } from './mixins/listeners'
 import { refs } from './mixins/refs'
 export default function createFormsComponent (name, event, modelValue = 'value', classNames = []) {
-  const props = {}
+  const props = {
+    nativeProps: {
+      type: Object
+    }
+  }
   if (name === 'taro-input') {
     props.focus = Boolean
   }
@@ -38,6 +42,9 @@ export default function createFormsComponent (name, event, modelValue = 'value',
 
       return createElement(`${name}-core`, {
         class: ['hydrated', ...classNames],
+        domProps: {
+          nativeProps: this.nativeProps
+        },
         attrs,
         on
       }, self.$slots.default)