Parece ridículo que no pueda hacer que esto funcione, pero cuando se pasa una propiedad a un componente secundario, el valor de la propiedad en realidad nunca cambia y disableFooterText siempre es falso. ¿Estoy haciendo algo mal?
Padre:
<MyChildComponent :disableFooterText="true">Niño:
<MyCustomDropdown :footerText="footerText"> props: { disableFooterText: { default: false, type: Boolean }, } computed: { footerText() { if (this.disableFooterText) { // always false return ''; } return 'Lorem impsum'; // always returns this value }, }Prueba con el accesorio kebab-case :
const app = Vue.createApp({}) app.component('my-child-component', { template: ` <div> <p>{{numResultsText}}</p> </div> `, props: { disableFooterText: { type: Boolean, default: false, }, }, computed: { numResultsText() { if (this.disableFooterText) { // always false return this.disableFooterText; } return 'Lorem impsum'; // always returns this value }, }, }) app.mount('#demo') <script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script> <div id="demo"> <my-child-component :disable-footer-text="true" /> </div>Pruebe el caso de kebab como @Nikola Pavicevic le pidió que hiciera, o intente v-bind="{ disableFooterText: true }" .