国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>如下所示，我在子元件中建立了一個(gè)有插槽的<code>button</code>。插槽的名稱是<code>slotDigitizePolygonBtnLabel</code>。子元件中的<code>button</code>應(yīng)該有一個(gè)名為<code>disabilityState</code>的屬性來(lái)表示按鈕是否被停用。 </p> <p>在父元件中，我想要渲染子元件的<code>button</code>並將<code>disabilityState</code>的值從父元件傳遞給子元件。 </p> <p>當(dāng)我運(yùn)行程式碼時(shí)，沒(méi)有任何內(nèi)容被渲染。請(qǐng)告訴我我的錯(cuò)誤在哪裡以及如何修復(fù)它。 </p> <p><strong>子元件：DigitizePolygonButton.vue</strong></p> <pre class="brush:php;toolbar:false;"><template> <button id="idDigitizePolygonBtn" class="clsDigitizePolygonBtn" :disabilityState="isDigitizePolygonBtnDisabled"> <slot name="slotDigitizePolygonBtnLabel">text</slot> </button> </template> <script> export default { setup(props) { return { digitizePolygonBtnDisabilityState: props.isDigitizePolygonBtnDisabled, }; }, props: { isDigitizePolygonBtnDisabled: { type: Boolean, required: true, default: false, }, }, }; </script></pre> <p><strong>父親組件</strong>:</p> <pre class="brush:php;toolbar:false;"><template v-slot:slotDigitizePolygonBtnLabel> <DigitizePolygonButton :disabilityState="false"> test </DigitizePolygonButton> </template></pre>

<template>
<button id="idDigitizePolygonBtn" class="clsDigitizePolygonBtn" :disabled="disabledState">
<slot name="slotDigitizePolygonBtnLabel">text</slot>
</button>
</template>

<script>
export default {
    setup(props) {
        return {
            disabledState: props.isDigitizePolygonBtnDisabled,
        };
    },
    props: {
        isDigitizePolygonBtnDisabled: {
            type: Boolean,
            required: true,
            default: false,
        },
    },
};
</script>

<template>
    <DigitizePolygonButton :isDigitizePolygonBtnDisabled="false">
        <template v-slot:slotDigitizePolygonBtnLabel>
            <button>測(cè)試按鈕</button>
        </template>
    </DigitizePolygonButton>
</template>