v-if не работает в моем дочернем компоненте

Question

Я пытаюсь показать диапазон, когда v-if равно true в моем дочернем компоненте.Кто-нибудь может посоветовать, что я сделал не так.В настоящее время я понятия не имею, что я сделал неправильно.

Дочерний компонент

const cardsTemplate = {
    template: 
    `
        <fieldset v-if="show.seach_checkboxes">
            <span>HELLO WORLD</span>
        </fieldset>
    `,
    props: ['js_local'],
    data() {
        return {
            show:{
                search_checkboxes : {
                    type: Boolean,
                    default: true,
                }
            }
        }
    },
    methods :{
        change_boolean : function(reverse_boolean){
            this.show[reverse_boolean] = !this.show[reverse_boolean]
            console.log(this.show)
        },
        show_search_template: function(){
            this.change_boolean('search_checkboxes')
        },
        get_search_template : function(){
            $.post(this.js_local.ajaxurl,
                {action : 'get_search_templates'}
            ).done((data)=>{
                this.name = JSON.parse(data)
            }).fail((error)=>{
                console.log(error)
            })
        },
    }
}

Answer 1

Похоже, вы пытаетесь использовать data() с проверкой типа, так же, как используется props.Попробуйте это:

data() {
    return {
        show: {
            search_checkboxes: true
        }
    }
}

Кроме того, в вашем шаблоне HTML вы ошиблись search_checkboxes, в нем отсутствует буква "r".

<fieldset v-if="show.seach_checkboxes">
                         ^^^