vue.js 从slot-scope升级到v-slot时中断,没有出现错误

bzzcjhmw  于 2022-11-25  发布在  Vue.js
关注(0)|答案(1)|浏览(108)

我试图从旧的slot-scope语法升级到相对较新的v-slot语法,但似乎不起作用。
重现该行为的步骤:
1.转到this codesandbox中的Form.vue文件
1.要查看它使用旧的slot-scope语法工作,只需让应用程序编译并使用登录表单(在两个字段中输入一些文本)
1.取消对第5、18、23和36行的注解,并对第6、19、24和37行进行注解
1.再次使用登录表单。输入的内容在您开始键入后立即消失。
我做错了什么?

mu0hgdu0

mu0hgdu01#

您在FormGroup.vue中的呈现函数返回多个VNode。请尝试:

render(createElement) {
  return createElement(
    "div",
    this.$scopedSlots.default({
      errors: this.errors,
      invalid: this.invalid,
    })
  );
}

相关问题