Laravel Vue js：如何更新像这样的Java组件表单：

Question

在我的blade.php中使用一个组件

<loading :prop_show_loading="show_loading"></loading>

仍然在我的blade.php中

这不起作用

<script>
    var show_loading = true;
</script>

---

这也不行

<script>
    window.event = new Vue();
    window.event.$emit('prop_show_loading', 'true');
</script>

我的组件正在执行此操作（未定义窗口）

created(){
            let App = this;
            console.log(global.event);
            window.event.$on('close-modal', (event) => {
                this.prop_show_loading = true;
            })
        },

有什么主意吗？

Answer 1

如果需要将laravel的prop_show_loading值传递给正在加载的vue组件。

您不要在标题中使用“：”：

<loading prop_show_loading="show_loading"></loading>

并在加载组件中使用：

    export default {
        props: ['prop_show_loading'],
        ...

然后您可以使用this.prop_show_loading来获取值。