Javascript 来自JSON的VueJS语言

Javascript 来自JSON的VueJS语言,javascript,json,laravel,vuejs2,vue.js,Javascript,Json,Laravel,Vuejs2,Vue.js,我正在尝试将区域设置语言变量从JSON请求(生成的laravel)加载到VueJS,因为VueJS不支持开箱即用的区域设置。ready函数alert不发出警报,但random text data变量起作用。我知道VueJS正在正确加载。没有控制台错误,webpack编译vue。lang数组显示为空,lang.email显示为空。这是我的问题。谢谢你的帮助 const app = new Vue({ el: '#app', data: { lang: [],

我正在尝试将区域设置语言变量从JSON请求(生成的laravel)加载到VueJS,因为VueJS不支持开箱即用的区域设置。ready函数alert不发出警报,但random text data变量起作用。我知道VueJS正在正确加载。没有控制台错误,webpack编译vue。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
@{{randomtext}}//这是有效的
//这是不可能的
事实上,“就绪”是


尝试改用“”。

首先,将
就绪:
更改为
已装载:

(因为vuejs版本2不再支持它)

Second,而不是使用
this。$set
使用
this.lang=response

这是完整的代码

您使用的是哪个版本的vuejs?你在使用2.x吗?@MacPrawn我正在运行2.0.1Ok-“ready”在2.0中被弃用。。。试着用“mounted”代替——请看@MacPrawn谢谢,这就是问题所在。我在看一个教程,里面没有提到这个版本。因为提供了一个有效的答案,也许@MacPrawn可以把它作为答案,这样这个问题就不会显示为没有答案