Dans Vue, lorsque vous souhaitez lier une propriété booléenne (telle que désactivée), vous pouvez utiliser la directive v-bind (ou son abréviation :). Cela lie une propriété à une expression.

Si vous essayez de lier la propriété désactivée comme vous le faites, Vue pensera que vous essayez de définir la chaîne "isDigitizePolygonDisabled" sur la valeur désactivée, ce qui n'est pas valide. D'où l'erreur que vous voyez.

Donc, le code final sera :

<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>

Je préfère utiliser defineComponent和setup, je pense que c'est plus simple.

J'espère que cela aide !