vue ajax转json,Vue.js和vue-i18n,json从$ ajax到对象文字

为了国际化目的,我使用Vue.js和vue-i18n插件。它接受lang和locales参数,后者是属性名称和关联值列表(object literals)。因此,引用一个object literals列表,或者直接在locales选项,或者存储在本地变量正常工作,如下面的例子:

var locales = {

"en": {

"menu": {

"about": "about",

"news": "news",

"contact": "contact"

}

},

"fr": {

"menu": {

"about": "à propos",

"news": "actualités",

"contact": "contacter"

}

}

}

Vue.use(VueI18n, {

lang: 'fr',

locales: locales

});

请注意,尽管格式(双引号所有通过列表的方式),以上不是json array,而是object literals列表与string literalsfor the name of the properties。

现在,我一直在努力的是依靠一个Json文件,而不是直接在我的脚本中声明object literals列表。举例来说,我已经试过一个Ajax请求,比如这个:

Vue.use(VueI18n, {

lang: 'fr',

locales: $.ajax({

url: "../resources/i18n/locales.json",

dataType: "json",

type: "GET",

success: function(data) {

console.log(data);

}

})

});

的url串在locales.json文件具有完全相同的数据和格式如上指出,与这里面写的,唯一的区别方括号。

虽然我对这种方法并没有太大的成功,但在我看来,这并没有太大的意义,因为data似乎被正确解析。这是我在控制台中得到的结果:

Array[1]

0: Object

en: Object

menu: Object

about: "about"

contact: "contact"

news: "news"

fr: Object

menu: Object

about: "à propos"

contact: "contacter"

news: "actualités"

我在想我在做什么错?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值