javascript - 来自 JSON 的 VueJS 语言

标签 javascript json laravel vuejs2 vue.js

我正在尝试将语言环境语言变量从 JSON 请求(laravel 生成)加载到 VueJS,因为 VueJS 不支持开箱即用的语言环境。就绪函数警报不会发出警报,但随机文本数据变量会起作用。我知道 VueJS 加载正确。没有控制台错误,webpack 编译了 vue.js 文件。 lang 数组显示为空,lang.email 显示为空白。这是我的问题。任何帮助表示赞赏。

const app = new Vue({
    el: '#app',
    data: {
      lang: [],
      randomtext: 'This is Random Text'
    },
    ready: function() {
      alert('THIS DOES NOT ALERT');
      this.getLanguage();
     },
     methods: {
       getLanguage: function() {
         this.$http.get('/lang/auth').then((response) => {
            this.$set("lang", response)
          }, (response) => {
            alert(response);
          });
       }
     }
});

“lang/auth”

{"email":"Email Address","password":"Password"}

我的html:

 <h5 class="content-group">@{{ randomtext }}</h5> // This Works
 <input type="text" class="form-control" :placeholder="lang.email"> // This does not

最佳答案

事实上,“准备好”是 deprecated in Vue.js 2

尝试使用“mounted ”代替。

关于javascript - 来自 JSON 的 VueJS 语言,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41577670/

相关文章:

php - Laravel 5.2 - 注册后禁用自动登录

php - 一个包含许多基于链接的数据库的 laravel 文件夹

JavaScript,检查嵌套对象属性是否为 null/undefined 的优雅方式

java - 如何捕获弹出窗口上显示的数据

javascript - 可以在另一个标签中使用一个标签的属性吗?

c# - 将 JObject 添加到 JObject

mysql - 在 Laravel 的单独迁移中(或在任何迁移工作流程中)添加外键是否是更好的做法?

javascript - 由用户动态生成新页面(Firefox OS)

javascript - 点击时随机报价(API + JavaScript)

php - 使用 Swift 在 POST 请求中将正确转义的 JSON 提交给 PHP