<p>Dalam kod yang ditunjukkan di bawah, saya sedang membangunkan komponen kanak-kanak di mana saya telah mencipta butang dan ingin menambah atribut <code>disable</code> Memandangkan kod berikut, atribut <code>disable</code> digariskan dengan warna merah dan mesej ralat berbunyi: </p> <pre class="brush:php;toolbar:false;">Type '"isDigitizePolygonDisabled"' tidak boleh ditugaskan untuk menaip 'Booleanish undefined'</pre> <p>Sila beritahu saya cara menetapkan atribut <kod>lumpuhkan</kod> <strong>kod</strong>: </p> <pre class="brush:php;toolbar:false;"><template> <button id="idDigitizePolygonBtn" class="digitizePolygonBtn" disabled='isDigitizePolygonDisabled'> <slot></slot> </butang> </template> <skrip lang="ts"> import { ref } daripada 'vue' let isDigitizePolygonDisabled = ref(true) eksport lalai { data() { kembali { isDigitizePolygonDisabled } }, alat peraga: { isDigitizePolygonDisabled: { jenis: Boolean, dikehendaki: benar }, } </script></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>