来自 JSON 的 VueJS 语言

Question

我正在尝试从 JSON 请求（laravel 生成）将区域设置语言变量加载到 VueJS，因为 VueJS 不支持开箱即用的区域设置。就绪功能警报不会发出警报，但随机文本数据变量会起作用。我知道 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

Answer 1

的确，"ready" 是 deprecated in Vue.js 2

尝试改用“mounted”。

Answer 2

先，把ready:改成mounted:

（因为vuejs version 2不支持了）

第二，而不是使用this.$set使用this.lang = response

这是完整的代码 https://jsfiddle.net/uqp7f4zL/

来自 JSON 的 VueJS 语言

Language in VueJS from JSON

javascript

json

laravel

vue.js

vuejs2