2.6.10
https://jsfiddle.net/mybeta/1dfwsazn/
عندما أستخدم تحذيرات تحليل قالب DOM لإضافة مكون (على سبيل المثال <tr is="custom-row">
) لا يمكنني استخدام الفتحات ذات النطاق (slotProps) دون تلقي تحذير في وحدة التحكم. أود استخدامه بهذه الطريقة:
<tr is="custom-row" v-slot="slotProps">
slotProps: {{slotProps.test}}
</tr>
لا تحذير.
أحصل على التحذير التالي في وحدة التحكم.
[Vue warn]: Error compiling template: v-slot can only be used on components or <template>.
يبدو أن الباقي يعمل كما هو متوقع.
كما يقول التحذير لا يمكن استخدام v-slot
إلا على مكونات الغلاف أو متداخلة في المكون نفسه ولكن على علامة template
.
سابقًا ، كان slot-scope
يسمح بهذا الاستخدام ولكن تمت إزالته ، يمكنك التحقق من RFC: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0001-new-slot- بناء الجملة. md.
إذا كان لديك فتحة واحدة فقط ، فيجب أن تكون قادرًا على القيام بذلك
<tr :is="customComp" v-slot="data"></tr>
مرحبًا posva ، شكرًا جزيلاً على تعليقك!
كما هو مقترح ، لقد حاولت أيضًا استخدام v-slot
متداخلة داخل علامة template
، شيء مشابه لما يلي.
<div is="test-component">
<template v-slot:default="slotProps">
slotProps: {{slotProps.test}}
</template>
</div>
ومع ذلك ينتج عن ذلك تحذير أيضًا ، انظر كمان:
https://jsfiddle.net/mybeta/bhcoLwu3/
عند تجنب تحذيرات تحليل نموذج DOM ، فإنه يعمل بشكل جيد:
<test-component>
<template v-slot:default="slotProps">
slotProps: {{slotProps.test}}
</template>
</test-component>
لكنني أعتقد أنني بحاجة إلى استخدام التحذير ، عند استخدام المكون على علامة tr
.
أيضًا ، هل تمانع في شرح هذا التعليق أكثر قليلاً؟
إذا كان لديك فتحة واحدة فقط ، فيجب أن تكون قادرًا على القيام بـ ``
شكر!
لقد قمت بتحديث تعليقي ولكن يبدو أن التحذير يظهر على أي حال ، يجب ألا يظهر التحذير بالفعل
ما هي حالة هذا؟
التعليق الأكثر فائدة
لقد قمت بتحديث تعليقي ولكن يبدو أن التحذير يظهر على أي حال ، يجب ألا يظهر التحذير بالفعل