var _navbartop = new Vue({
    el: '#navbartop',
    data: {
        lang: "",
        languageList: [],
    },
    methods: {
        getLanguageList: function () {
            $.getJSON("/api/getsupportedlanguage?_" + $.now(), function (r) {
                _navbartop.languageList = r.language;
                _navbartop.lang = r.lang;
            });
        },
        setQueryString: function (key, val) { //传进想设置querystring的key和value
            var search = location.search.substr(1); //获取地址栏 "?"后的内容
            var hash = location.hash;
            var query = {};
            if (search) {
                search.split('&').forEach((item) => {
                    var arr = item.split('=');
                    query[arr[0]] = arr[1];
                });
            }
            query[key] = val;
            var queryArr = [];
            for (var p in query) {
                queryArr.push(p + '=' + query[p]);
            }
            history.replaceState(null, null, '?' + queryArr.join('&'));
            window.location.href = window.location.href + hash;
            window.location.reload();
        },
        onChangeLanguage: function () {
            if (undefined !== _navbartop.lang)
                _navbartop.setQueryString("lang", _navbartop.lang)
        }
    },

    created: function () {
        this.getLanguageList();
    },
});