Question

我在laravel（+ vue.js）中使用navbar作为blade.php。我希望在这个导航栏变量中有{{xyz}}，当我在另一个页面上时，我可以在Vue.js或类似的东西中设置文本。你能救我吗？

代码：

vue:
        data() {
            return {
                title: 'test',
            }
        },

and blade:
<nav class="navbar">
<div class="navbar-inner">
    <a href="xyz">xxx</a>
    <p style="text-align:center; color:white;">@{{ title }}</p>
    <button>        </button>
</div>

Answer 1

请勿使用php变量，而是为php变量设置 vue 变量。类似的东西：

// Vue instance ...
    data: {
        test: '{{ test }}',
    }

然后在html中使用它，如：

<p> @{{ test }} </p>

更新

您可能希望将您的上层div或nav绑定到Vue实例。

为其添加ID：<nav id="my_nav">

然后在Vue实例上你可以：

var a_vue_instance = new Vue({
    el: '#my_nav',
    data: {
        title: 'test',
    },
}

在laravel中动态更改变量

1 个答案: