Question

当我单击“进度按钮”时如何制作按钮，它显示模态然后，一旦我保存，按钮就会变成 “按钮返回”“按钮特价” 我在vuejs中使用laravel ...

Answer 1

您的问题很难理解。

第二个2秒按钮会做什么？使用v-show和v-if/else

<template>
    <section>
        <div v-show="showModal" class="modal">
            <button @click="save">Save</button>
        </div>
        <div v-if="saved">
            <button>button Return</button>
            <button>button on sale</button>
        </div>
        <div else>
            <button @click="toggleModal">On-progress</button>
        </div>
    </section>
</template>

<script>
export default {
    data() {
        return {
            saved: false,
            showModal: false,
        };
    },
    methods: {
        toggleModal() {
            this.showModal = !this.showModal;
        },
        save() {
            this.saved = true;
            this.toggleModal();
        },
    },
};
</script>

如何在Laravel Vuejs中制作切换按钮

1 个答案: