Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 多参数时隙范围_Vue.js_Slot - Fatal编程技术网

Vue.js 多参数时隙范围

Vue.js 多参数时隙范围,vue.js,slot,Vue.js,Slot,当我尝试在vue插槽范围中使用两个参数时,我找不到任何关于它的示例。当我使用以下代码来实现我的需求时,它将报告一个解析错误 {{record.name} {{record.short{u name}} 您可以使用v-bind将所有属性导出到插槽组件。然后可以访问“全部绑定”属性 或者您可以只按名称导出属性,在父级中,您应该使用v-bind传递道具 //或 在子组件中,可以使用分解 {{record.name} {{record.short_name} 请以文本形式发布

当我尝试在vue插槽范围中使用两个参数时,我找不到任何关于它的示例。当我使用以下代码来实现我的需求时,它将报告一个解析错误


{{record.name}
{{record.short{u name}}

您可以使用
v-bind
将所有属性导出到插槽组件。然后可以访问“全部绑定”属性


或者您可以只按名称导出属性,

在父级中,您应该使用
v-bind
传递道具

  • 
    //或
    
在子组件中,可以使用分解

  • 
    {{record.name}
    {{record.short_name}
    

请以文本形式发布准确的错误消息。您能否消除
name=“name”
record.name
v-slot:name
 <slot name="mySlot" v-bind:text="text" v-bind:record="record"/>
 // or
 <slot name="mySlot" v-bind="{ text, record }"/>
 <template v-slot:mySlot="{ text, record }">
   <div>{{ record.name }}</div>
   <div>{{ record.short_name }}</div>
 </template>