在 laravel 中动态更改变量答案

【问题标题】：Change variables dynamically in laravel在 laravel 中动态更改变量
【发布时间】：2017-08-31 10:33:35
【问题描述】：

我在 laravel (+vue.js) 中有一个作为 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>

【问题讨论】：

你尝试了什么？
{{ test }} 并在 vue 中测试：“nameofpage”，但这不起作用
发布与您的问题相关的所有代码兄弟。所以我们不会假设事情:)

标签： javascript php laravel vue.js

【解决方案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',
    },
}

【讨论】：

我确实喜欢这个，但它在一秒钟后消失了，并且文本不是例如仪表板而是 {{test}}
属性或方法“title”未在实例上定义，但在渲染期间被引用。确保在 data 选项中声明响应式数据属性
对于您的第二个问题，发布您的代码，以便我们查看问题所在。
data() { return { title: 'test', } 在刀片中：
@{{ title }}
编辑您的问题并将您的代码粘贴到那里，cmets 的长度不足以容纳您的代码。