Javascript 神秘的鬼道具?
在我的项目中,我遇到了以下代码: 父组件-Javascript 神秘的鬼道具?,javascript,html,vue.js,Javascript,Html,Vue.js,在我的项目中,我遇到了以下代码: 父组件-: {{title}} {{errorMessage}} 警告:未映射的模式模板! 好的,酷,这是使用常规插槽和命名插槽来显示名为的组件。所以我在modal wrapper中查找出口 子组件- 您有未保存的更改。请单击“保存”或“取消”继续。 {{modalContent}} 同样酷的是,在这里,插槽将被推出。。。但是如何将道具传递给?当我在Vue DevTools中查看时,我可以看到道具以某种方式被传递到父组件中不存在的组件。最重要的是,当我向
:
{{title}}
{{errorMessage}}
警告:未映射的模式模板!
好的,酷,这是使用常规插槽和命名插槽来显示名为
的组件。所以我在modal wrapper
中查找出口
子组件-
您有未保存的更改。
请单击“保存”或“取消”继续。
{{modalContent}}
同样酷的是,在这里,插槽将被推出。。。但是如何将道具传递给
?当我在Vue DevTools中查看时,我可以看到道具以某种方式被传递到父组件中不存在的组件。最重要的是,当我向
添加新组件时,它们有时无法获得其他组件似乎获得的道具!这太奇怪了
正如您从照片中看到的,这个组件不知何故通过了代码中没有列出的道具!具体来说,本例中的propscolIndex
、fieldSet
、indexOffset
、methodIndex
和rowIndex
,尽管此
组件上的其他组件似乎获得了不同的props
我错过什么了吗?这些幽灵般的道具从何而来?这一行似乎是可能的原因,但如果没有看到
modalMeta
的代码,很难确定:
v-bind="modalMeta"
这是使用对象v-bind
语法,因此modalMeta
对象中存在的任何属性都将作为道具传递给组件
见: