<p>如下所示的代码中，我正在开发一个子组件，在其中我创建了一个按钮，并且想要添加 <code>disable</code> 属性。 给定下面的代码，<code>disable</code> 属性被红色下划线标记，并且错误消息显示：</p> <pre class="brush:php;toolbar:false;">类型 '"isDigitizePolygonDisabled"' 不能赋值给类型 'Booleanish | undefined'</pre> <p>请告诉我如何正确设置 <code>disable</code> 属性 <strong>代码</strong>：</p> <pre class="brush:php;toolbar:false;">&lt;template&gt; &lt;button id="idDigitizePolygonBtn" class="digitizePolygonBtn" disabled='isDigitizePolygonDisabled'&gt; &lt;slot&gt;&lt;/slot&gt; &lt;/button&gt; &lt;/template&gt; &lt;script lang="ts"&gt; import { ref } from 'vue' let isDigitizePolygonDisabled = ref(true) export default { data() { return { isDigitizePolygonDisabled } }, props: { isDigitizePolygonDisabled: { type: Boolean, required: true }, } &lt;/script&gt;</pre> <p><br /></p>

<template>
  <button id="idDigitizePolygonBtn" class="digitizePolygonBtn" :disabled="isButtonDisabled">
    <slot></slot>
  </button>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'

export default defineComponent({
    props: {
        isDigitizePolygonDisabled: { 
            type: Boolean,
            required: true
        },
    },
    setup(props) {
        
        // For now, just return the prop
        return {
            isButtonDisabled: props.isDigitizePolygonDisabled
        }
    }
})
</script>